함수 컴포넌트 != hooks

함수형 컴포넌트가 hooks인 것이 아니다!

useState, useEffect 같은 것이 hooks인 것.
함수 컴포넌트는 그냥 함수 컴포넌트. 그래서 클래스형 컴포넌트로 프로젝트를 만들다가 딱히 state 값이 없는 컴포넌트가 있다면 그건 그냥 함수 컴포넌트로 만들어도 된다.

  • 클래스형 컴포넌트 - PureComponent 사용
  • 함수형 컴포넌트 - memo() 사용, 아래처럼 한 컴포넌트를 memo같은 다른 컴포넌트로 감싸면 high order component라고 부른다.
const Ball = memo(() => {
  //...
});

좋은 웹페이지 즐겨찾기