[React] React.memo

컴포넌트의 성능을 최적화할 수 있는 React.memo함수가 있다.

 

이 함수는 컴포넌트의 props가 바뀌지 않았다면 리렌더링이 되지 않도록 설정하여주는

함수형 컴포넌트의 리렌더링 성능을 최적화해줄 수 있다.

 

함수형 컴포넌트에서는 shouldComponentUpdate라이프사이클 메소드를 사용하지 못하기 때문에

React.memo함수를 이용하여 성능을 최적화한다.

 

사용방법

 

함수형 컴포넌트의 마지막에 

export default React.memo(컴포넌트명)

을 입력해주면 된다.

 

이러면 해당 컴포넌트는 파라미터 값이 바뀌지 않는다면, 리렌더링이 되지 않는다!