[컴포넌트 제대로만들기] 1. React.memo

우선 PureComponent 에대한 기초지식이있어야한다.

 

PureComponent는 component에 state나 propr의 변화가 없다면 다시 렌더링하지않도록한다.

그기준은 props와 state를 지금 업데이트된 props와 state를 얕은 비교( 객체의 참고주소를 비교) 

후 동일한 레퍼런스라면 데이터 변경되어도 객체는 같다고 취급한다.

 

 

이기준을 잡고 함수형 컴포넌트를 구현해보자

 

 

1. React.memo

 

Input 컴포넌트도 pureComponent이다. 

purecomponent를 사용하려면 React.memo 를 사용하면된다.

 

 

18/오전