ReactJS (17) Memo

ReactJS에서는 기본적으로 리렌더링 되는 조건들이 몇 가지 있다 

대표적으로는 state가 바뀔때, parent component가 렌더링이 될 때인데

이러한 렌더링 되는 조건들 때문에 state가 바뀌지 않아도 렌더링이 되어 성능저하가 되는 걸 겪을 수 있다

 

따라서 이런 불필요한 렌더링을 막기 위해 memo가 있고

memo 사용방법을 봐보자

 

예)

이렇게 component을 export 할 때 React.memo(component 이름)을 써주면

해당 component는 불필요한 렌더링을 안 하겠다는 표시이다