React.memo

React.memo

• 리액트 강의를 들으면서 컴포넌트를 여러개로 나누는 이유중에 재사용성을 위해서 이기도 하지만 리액트 렌더링을 최적화 하기위해서 이기도 하다는 것 을 알게되었다. 여기서 최적화 하기위해 사용되는 것 이 React.memo이다.

React.memo 사용법

const MyComponent = React.memo(function MyComponent(props) {
  //props를 사용하여 렌더링 
});

또는

export default React.memo(MyComponent, areEqual);

등등 다양한 방법들이 있다.