여러개의 컴포넌트가 state를 공유하는 방법

부모 컴포넌트의 스테이트를 공유해서 사용하는게 더 좋다.

자식 컴포넌트들이 공통된 부모 컴포넌트의 데이터를 공유해서 사용하는 것

이렇게 부모 컴포넌트가 있으며 아래 자식 컴포넌트가 있는데

왼쪽 아래의 A는 값에 2를 곱하고 B는 3을 곱하는 컴포넌트인데 이때 각각 값을 가질 필요가 없다.

부모의 2를 가져와서 연산 후 표현하면 되기 때문이다.

또한

이렇게 온도에 대해 두가지 표기에 따라 다르게 표현하는 컴포넌트가 있는데 이때 25도 데이터를 부모 컴포넌트의 데이터를 변환만 해서 표시해주면 된다.

위의 것을 shared state라 한다.

하위 컴포넌트에서 state 공유하기

섭시 온도 값을 프롭스로 받아서 물의 끓음 여부를 알려주는 컴포넌트

이런 컴포넌트가 있는데

이때 이 컴포넌트를 사용하는 부모컴포넌트를 만들면