개발공부/웹

[React] 클래스 컴포넌트 함수 컴포넌트

개발자 찐빵이 2022. 4. 19. 00:09
728x90

Class Component

state에 가지고 있는 상테와 데이터를 담을 수 있다.
라이프사이클 메소드를 사용할 수 있다.

function Component

state가 없다.
라이프사이클 메소드가 없다.

리액트 16.8 버전부터는 리액트 훅을 사용해서 state, life cycle을 사용할 수 있다.

함수에 리엑트 훅이 생긴 이유

클래스에서 멤버변수에 접근할 때는 앞에 this를 붙여야 한다.
이런 this의 중복이 불편하고, 바인딩 이슈가 있어서 불편하다.

memo

Higher Order Component

반응형