Shared State
: 하나의 데이터를 여러개의 컴포넌트에서 표현해야 하는 경우
➡️ 공통된 부모 컴포넌트를 공유해서 사용!!
💡 Shared State
: State에 있는 데이터를 여러개의 하위 컴포넌트에서 공통적으로 사용하는 경우
➡️ 하위 컴포넌트가 공통된 부모ㅋ 컴포넌트 state를 공유하여 사용하는 것
➡️ 각 값을 가질 필요 없이 부모 컴포넌트의 값을 받아 사용
⭐️ 하위 컴포넌트가 공통된 부모 컴포넌트 state를 공유하여 사용하는 것
하위 컴포넌트에서 State 공유하기
<부모 컴포넌트>
<하위 컴포넌트>
--> 섭씨온도 값을 props로 받아서 처리
Shared State 적용하기
💡 Lifting State Up
: 하위 컴포넌트의 state를 공통 상위 컴포넌트로 올림
➡️ 온도 값을 가져오는 부분을 컴포넌트 state에서 가져오는 것이 아니라 props로 받아옴
➡️ 입력값 변경 되었을 때 변경된 입력값 상위 컴포넌트로 전달
