개발공부/웹

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

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

Class Component

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

function Component

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

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

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

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

memo

Higher Order Component

반응형

'개발공부 > ' 카테고리의 다른 글

[React] FonteAwesome 사용하기  (0) 2022.04.19
[React] html과 jsx의 차이  (0) 2022.04.19
React 개발에 유용한 툴  (0) 2022.04.16
웹개발에 많이 사용되는 툴 정리  (0) 2022.04.16
[React] eject로 숨겨진 툴 확인하기  (0) 2022.04.16