React.memo

React.memo

1. React.memo

 - React에서 사용되는 성능 최적화를 위한 기능

 - 컴포넌트가 이전에 렌더링한 결과를 기억하고, 동일한 속성(props)로 다시 렌더링될 때, 이전 결과를 재사용할 수 있음

 - 부모 컴포넌트가 업데이트되더라도, 컴포넌트의 속성이 변경되지 않았다면, React.memo를 사용해 불필요한 렌더링을 방지하고 성능을 향상시킴

 

2. 사용방법

import React from 'react';

const MyComponent = React.memo(props => {
  // 컴포넌트 렌더링 로직
});

export default MyComponent;