리액트 (클래스컴포넌트 vs 함수컴포넌트)

클래스 컴포넌트 

state와 lifecycle methods가 있다.

 

함수 컴포넌트

state와 lifecycle methods가 없다.

react16.8부터 React Hook을 도입하여 state와 lifecycle methods를 사용할 수 있도록 했다.

 

 

클래스 컴포넌트 대신 함수 컴포넌트를 사용하는 이유 (클래스 컴포넌트의 단점)

클래스 컴포넌트는 어렵다.

클래스 컴포넌트에는 this bind issue가 있다.

functional programming을 이용하기 위해.

lifecycle methods가 세분화 되어있어 코드를 중복으로 사용하는 경우가 발생했는데, 그 중복을 줄일 수 있다.

 

 

 

 

 

출처

드림코딩 엘리 - 리액트 4.1 강의