Props & State

1. Props

props의 특징을 열거해보면 다음과 같다.

props는 컴포넌트의 속성을 의미한다.
React 데이터 중에서 바뀌지 않는 데이터를 말한다.
오직 읽기만 가능한 데이터다.
상위 컴포넌트로부터 전달 받은 값이다.
객체 형태이다.

2. State

state의 특징을 열거해보면 다음과 같다.

상태를 의미한다.
변할 수 있는 값이다.
다양한 타입이 있다.
컴포넌트 사용중 내부에서 변할 수 있는 값이다.

이 둘은 데이터를 담고 있는데 props는 데이터의 사용에 의미가 있는 반면에

state는 상태의 변화에 의미가 있다.

둘다 데이터를 가지고 있지만 집중하는 부분이 다르다.

자료를 참고하는데 변할 수 없는 것이라면 props다.

지금 상태와 그 상태를 조절하며 상호작용한다고 하면 state이다.

변할 수 있는 state가 상호작용하는데 더 많이 사용될 수 있다.

이용자가 어떤 선택을 한 상태인지 어떤 데이터를 입력했는지

그 선택으로 무슨 효과를 보여줘야 하는지 이런 상태에 반응하는 것이 state다.