React에서 컴포넌트가 리렌더링되는 경우

React에서 컴포넌트가 리렌더링되는 경우는 다음과 같은 경우들이 있다.

  • props 변경: 부모 컴포넌트로부터 받는 props 값이 변경될 시
  • state 변경: 컴포넌트의 내부 상태인 state가 변경될 시
  • 부모 컴포넌트 리렌더링: 부모 컴포넌트가 리렌더링되면 자식 컴포넌트들도 함께 리렌더링된다.
  • Context 변경: Context API를 사용하여 전역 상태가 변경되면 해당 컴포넌트와 이를 구독하는 컴포넌트들이 리렌더링된다.
  • Hooks에서의 값 변경: Hook을 사용할 때 훅 내부에서 상태나 컨텍스트 값이 변경될 시
  • 라우팅 변화: 라우터 라이브러리를 사용하여 페이지가 변경되면 해당 페이지 컴포넌트가 리렌더링된다.