리액트 라이프사이클 D3

nearworld·2022년 7월 30일
0

React Lifecycle

목록 보기
3/5

shouldComponentUpdate()

이 라이프사이클 메서드는 이름 그대로 컴포넌트를 업데이트할지 말지를 결정하는 메서드다.

true를 리턴하면 컴포넌트를 렌더링하고 false를 리턴하면 렌더링하지않는다.
이게 가능한 이유는 render()가 시작하기전의 시점이라 그렇다.

이 메서드를 통해 누릴 수 있는 이점은 부모 컴포넌트를 렌더링해야할 때 렌더링하고 싶지않은 자식 컴포넌트가 있을것이다.
혹은 상황에 따라 쾌적한 유저 경험을 위해 모든 자식 컴포넌트의 렌더링을 피해야할 때 유용하게 쓸 수 있는 듯 하다.

props, state, context 3개의 인자를 받을 수 있으므로 적절히 상황에 맞게 취사 선택하면 될 듯 하다.

shouldComponentUpdate(newProps, newState, newContext){
  if (this.state.num === newProps.num)
    return false;
  retuen true;
}
profile
깃허브: https://github.com/nearworld

0개의 댓글