내가 보려고 만든 개발 공부 일지

React 컴포넌트 함수형 vs Class형 본문

React

React 컴포넌트 함수형 vs Class형

kwangsunny 2021. 7. 2. 00:40

Class 컴포넌트에는 life cycle API, state 같은 기능들이 들어있고 함수형은 없다.

그래서 보통 데이터 조작 없이, 단순히 부모로부터 props 받아 보여주기만하는 컴포넌트는

함수형으로 작성하는데 이게 코드도 깔끔하고 성능도 미세하게 빠르다고 한다.

 

그러나, Hook 나온 이후로 둘은 차이가 없다고 봐도 무방하다. 다만, 방식은 서로 작동하는

매커니즘의 차이로 class 컴포넌트는 특정 상황에서 버그를 만들 있는데.. ( 아래 링크 참조 )

--> https://overreacted.io/ko/how-are-function-components-different-from-classes/

 

함수형 컴포넌트와 클래스, 어떤 차이가 존재할까?

전혀 다른 '포켓몬'이라고 할 수 있다.

overreacted.io

 

그렇다고 기존에 만든 Class 컴포넌트들을 Hook 으로 바꿀 필요는 없고

그냥 선택 사항이다.

'React' 카테고리의 다른 글

React - useReducer  (0) 2021.07.16
useState 기본 개념  (0) 2021.07.02
Hooks 사용 규칙  (0) 2021.07.02
props.children  (0) 2021.07.02
Comments