이제 앱에서 최소한으로 필요한 state가 뭔지 찾아냈습니다. 다음으로는 어떤 Component가 state를 변경하거나 소유할지 찾아야 합니다.
✨ 기억하세요: React는 항상 Component 계층구조를 따라 아래로 내려가는 단방향 데이터 흐름을 따릅니다. 어떤 Component가 어떤 state를 가져야 하는 지 바로 결정하기 어려울 수 있습니다. 많은 초보자가 이 부분을 가장 어려워합니다. 아래 과정을 따라 결정해 보세요.
애플리케이션이 가지는 각각의 state에 대해서
state를 기반으로 렌더링하는 모든 Component를 찾으세요.
공통 소유 컴포넌트(common owner component)를 찾으세요.
(계층 구조 내에서 특정 state 가 있어야 하는 모든 Component들의 상위에 있는 하나의 Component)
공통 혹은 더 상위에 있는 Component가 state를 가져야 합니다.
state를 소유할 적절한 Component를 찾지 못하였다면, state 를 소유하는 Component를 하나 만들어서 공통 Component의 상위 계층에 추가하세요.