상태 In ReactJS

Question

동일한 데이터를 사용하는 여러 계층 수준에 여러 구성 요소가있는 경우 각 구성 요소의 각 상태로 표시된 다른 변수를 사용하여 데이터를 모델링해야합니까? 아니면 상태에 포함 된 단일 필드로 사용해야합니까? 계층 구조 상위의 구성 요소, 가능하면 루트 요소? 성능에 어떤 영향을 줍니까?

Answer 1

내가 일반적으로하는 일은 모든 구성 요소 또는 그 주변의 상황에서 저글링을 최소화하기 위해 부모로부터 무언가를 필요로합니다. 나는 그 행동을 부모에 넣을 것입니다. 그래서, 일부 데이터를 가져 오기 위해 API 호출을 만드는 "상위 구성 요소"가 있다고 가정 해 보겠습니다. 나는 '내 아이의 대부분이이 API를 호출 응답 떨어져 데이터의 다른 스플 라이스을 필요로하는 경우 .. 나는 ..

PARENT 
state = from api response 
----> Child Component 1 {...slice of state it needs} 
----> Child Component 2 {...slice of state it needs} 
---------> Sub Child Component 1 {... slice of state it needs from component 2} 

할 것 또는 각각의 자녀가 시간이 지남에 따라 필요로 어떤 데이터가 정말 확실히 알 수없는 경우 부모로부터 온 모든 상태를 각 구성 요소로 전달합니다. 하위 구성 요소에 하위 구성 요소가있는 경우 하위 구성 요소는 소품을 통해 상태를 계속 전달합니다. 당신은 또한 당신이 통과하는 모든 것을 뛰어 넘기를 원한다면 좋은 해결책 인 "Context"를 조사 할 수 있습니다.

나는 말 그대로 수백 개의 데이터 세트를 다루지 않는 한 대개 "성능"에 대해 걱정하지 않습니다. 어떤 경우, 나는 아이와 그 하위 아이들이 필요로하는 것만을 전달하는 경향이있다.