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

React Component는 클래스형 컴포넌트 또는 함수형 컴포넌트로 작성될 수 있다.

 

1. 기능적 차이

• 클래스형 컴포넌트는 함수형 컴포넌트가 할 수 있는 모든 일을 할 수 있다.
• React 16.8 이전 버전의 함수형 컴포넌트가 할 수 없는 일
  •  상태값을 가질 수 없다
  • React Component의 생명 주기 함수를 작성할 수 없다
• 그러나, React 16.8부터 훅(hook)이라는 기능이 추가되면서 함수형 컴포넌트에서도 상태값과 생명 주기 함수 코드를 작성할 수 있게 되었다

2. 결론

새로운 프로젝트를 만든다면 되도록 클래스형 컴포넌트를 지양하고 훅(hook)과 함께 함수형 컴포넌트를 작성하는게 좋다

  

출처 : 실전 리액트 프로그래밍 도서