본문 바로가기

basic/React.js

[React.js] Life Cycle 생명주기 함수 ②

리액트의 생명주기 = 컴포넌트의 생성, 변경 소멸의 과정을 뜻함

출처: https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/

 

shouldComponentUpdate는 props나 state의 변경을 하는 함수이다.
기본 동작은 매 state 변화마다 다시 렌더링을 수행하는 것이다.
return값이 true일 경우에만 렌더링한다.
따라서 this.props와 nextProps, 그리고 this.state와 nextState를 비교한 뒤 false나 true를 반환하는 것으로 컴포넌트의 접근을 제한하여 성능을 향상시킬 수 있다.

 

 

자세한 내용은 공식문서에서 확인할것!

https://ko.reactjs.org/docs/react-component.html#static-getderivedstatefromprops