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

안녕하세요, Einere입니다.

(ADblock을 꺼주시면 감사하겠습니다.)

---

리액트에서 클래스 컴포넌트와 함수 컴포넌트 둘 다 사용이 가능합니다.

그렇다면 둘의 차이점은 무엇일까요?

 

 

this

가장 큰 차이점은, this가 바뀌느냐 바뀌지 않느냐입니다.

클래스 컴포넌트의 경우, this가 실시간으로 바뀝니다. 그러나 함수 컴포넌트의 경우, this는 컴포넌트가 렌더링된 시점으로 고정됩니다. (아마도..)

자세한 내용은 하단의 링크를 참고해주세요.

 

참고

https://www.hamadevelop.me/reactfunctionclassdiff/

리액트 function component와 class component는 어떻게 다를까?