우선 PureComponent 에대한 기초지식이있어야한다.
PureComponent는 component에 state나 propr의 변화가 없다면 다시 렌더링하지않도록한다.
그기준은 props와 state를 지금 업데이트된 props와 state를 얕은 비교( 객체의 참고주소를 비교)
후 동일한 레퍼런스라면 데이터 변경되어도 객체는 같다고 취급한다.
이기준을 잡고 함수형 컴포넌트를 구현해보자
1. React.memo
Input 컴포넌트도 pureComponent이다.
purecomponent를 사용하려면 React.memo 를 사용하면된다.
18/오전
'FrontEnd > React' 카테고리의 다른 글
| 싱글 페이지 애플리케이션이란? SPA 란? (0) | 2024.04.01 |
|---|---|
| [Android] webView 와 브릿지를 사용해 통신하는방법 (0) | 2022.10.19 |
| [리액트 회원인증 구현] 3. 회원가입과 로그인 구현 ( 리덕스 ) (0) | 2022.08.04 |
| [리액트 회원인증 구현] 2. 회원가입과 로그인 구현 ( UI 제작 ) (0) | 2022.07.18 |
| [리액트 회원인증 구현] 1. 작업 환경 준비하기 (0) | 2022.07.17 |