[React] props / state 차이점

Props

부모 컴포넌트에서 자식 컴포넌트한테 전달하는 데이터 값으로 읽기 전용의 데이터입니다.

• 불변의 데이터
• 부모로부터 전달되는 데이터(읽기 전용)
• 변경 불가

State (상태)

컴포넌트에서 사용하는 값으로 값을 수정하고 사용할 수 있는 데이터입니다.

• 가변 데이터
• 구성 요소에 의해 유지
• 변경 가능

Props와 State 차이점

State는 내부 (컴포넌트)에서 생성하고 활동하고, 데이터를 변경할 수 있고

Props는 외부(부모 컴포넌트)에서 상속받는 데이터이며, 데이터를 변경할 수 없습니다.