✨리액트에서 State와 Props는 둘 다 컴포넌트 데이터를 다루는데 사용된다, 하지만 이들은 목적과 사용 방법이 다르므로 이를 구분해서 사용하는 것이 중요!
🤔State
- State는 컴포넌트 내부에서 변경 가능한 데이터를 다룰 때 사용
- State를 사용하면 컴포넌트가 렌더링될 때마다 해당 데이터를 사용하여 UI를 업데이트 할 수 있다!
State의 사용예시
🤔Props
- props는 컴포넌트에 데이터를 전달 할때 사용
- 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달 -> 자식 컴포넌트에선 전달받은 props를 사용해서 UI를 업데이트
-props는 함수형 컴포넌트와 클래스형 컴포넌트에서 모두 사용가능하며 부모 컴포넌트에서 전달하는 props는 자식 컴포넌트에서 변경할 수없는 read only이다