state와 props의 차이점

메론맛캔디·2021년 10월 27일
0

기술면접

목록 보기
10/30
post-custom-banner

props

  • props를 상속받으면 컴포넌트 내에서 수정 불가하다. 이는 리액트에서 부모 => 자식의 일방향성 상속 특징 때문이다.
  • 읽기 전용이다.
  • 부모 요소에서 설정하는 값이다.
  • props가 변경되면 컴포넌트 리 렌더링을 발생시킨다.


state

  • 컴포넌트 내부에서 선언된다.
  • state가 변경되면 컴포넌트 리 렌더링을 발생시킨다.
  • 직접 값을 변경할 수 있다.
  • 어떤 상태에 따라 변화하는 것
  • 외부에는 비공개, 컴포넌트가 스스로 관리해야하는 것

정리

props : 데이터가 변할 수 없다.
state : 컴포넌트 내부에서 선언되기 때문에 데이터가 변할 수 있다.

0개의 댓글