FrontEnd/React
[컴포넌트 제대로만들기] 1. React.memo
윤랩용
2022. 7. 18. 08:44
우선 PureComponent 에대한 기초지식이있어야한다.
PureComponent는 component에 state나 propr의 변화가 없다면 다시 렌더링하지않도록한다.
그기준은 props와 state를 지금 업데이트된 props와 state를 얕은 비교( 객체의 참고주소를 비교)
후 동일한 레퍼런스라면 데이터 변경되어도 객체는 같다고 취급한다.
이기준을 잡고 함수형 컴포넌트를 구현해보자
1. React.memo
Input 컴포넌트도 pureComponent이다.
purecomponent를 사용하려면 React.memo 를 사용하면된다.
18/오전