React에서는 상태(State)와 속성(Props)이라는 두 가지 개념을 사용하여 컴포넌트의 동작을 제어하고 데이터를 전달한다.

상태(State)

컴포넌트는 종종 상호 작용의 결과로 화면에 표시되는 내용을 변경해야 해서 현재 입력 값, 현재 이미지 등을 기억해야 한다. 이러한 종류의 컴포넌트별 메모리를 상태라고 한다.
즉 상태는 컴포넌트 내에서 변경 가능한 데이터를 나타낸다.
상태는 컴포넌트의 내부에서만 사용되며, 다른 컴포넌트에 직접적으로 전달되지 않는다. 전달은 props를 통해 전달할 수 있다.

---

속성(Props)

React 컴포넌트는 props를 사용하여 서로 통신한다.
props는 부모 컴포넌트로부터 자식 컴포넌트로 전달되는 데이터를 나타낸다.
props는 컴포넌트 내에서 변경할 수 없으며, 부모 컴포넌트에서만 값을 변경할 수 있다.

모든 React 컴포넌트는 자신의 props를 다룰 때 반드시 순수 함수처럼 동작해야 한다.

---

출처

React 공식문서

• https://react.dev/learn/state-a-components-memory
• https://react.dev/learn/passing-props-to-a-component

chat GPT