React.memo

props에 따른 리렌더링에 제한을 두어 리렌더링으로 인한 앱의 성능이 저하될 때 사용하는 방법

너무 잦은 실행은 오히려 메모리할당으로 인한 성능저하를 야기할 수 있기 때문에 같은 props로 인해 같은 결과의 렌더링이 반복되는 컴포넌트나 혹은 복잡한 로직으로 인하여 렌더링에 있어 성능 이슈가 생길 컴포넌트만 사용하는 것이 좋음.

 

**사용 방법**

props 체크를 할 컴포넌트에서 memo를 import

import {memo} from 'react'

함수 컴포넌트가 export되는 곳에 memo로 감싸서 체크해주도록 하기

export default memo(memoComponent)