리랜더링 조건

최중혁·2022년 5월 10일
0

React

목록 보기
10/13

리랜더링 조건

  1. 유동적인 데이터를 저장하기 위해서 state 라는 것을 이용, setState() 메서드를 이용해 주면 state의 변화가 감지되어 리렌더링이 된다.
  2. 부모의 state가 바뀔때
  3. 새로운 props가 감지되었을때
  4. forceupdate가 실행될때

지나친 리랜더링은 성능을 악화시킨다.

item list에서 하나의 item이 변경 되면 모두 리랜더링이 된다. 이 때 key가 바뀐다면, 언마운트 후, 리렌더링이 된다. 자식 컴포넌트의 key 속성을 바꿔주면 다른 컴포넌트로 인식해서 기존 컴포넌트를 언마운트 시키고, 새로운 컴포넌트를 렌더링 시킨다.

0개의 댓글