Добрый день.
Если у нашего приложения есть достаточно большая вложенность, например 10.
И в главный компонент APP пришел json с данными для всех компонентов.
Как правильно раскидывать данные в props по различным компонентам в системе?
Для себя вижу либо выдергивать отдельные части json и прокидывать их по частям, или кидать сразу весь props для всех компонентов.
Пример:
Пришли все данные в App.
Нужно раскидать эти данные по всему приложению.
Если например пробрасывать props аж до SubComponent1 то будет очень много манипуляций.
И в случае если понадобится добавить новое поле в SubComponent1, нужно будет снова пробросить новый элемент вниз.
P.S.: Используется только React, без Flux/Redux. Разделить получение данных на несколько запросов не получится, все данные с состоянием всего приложения приходят за 1 запрос.
P.S.: Может быть кто-то встречал статьи хорошие с описанием грамотной работы с props в react,
<App>
<Header/>
<Body>
<Compoment1>
<SubComponent1 />
<SubComponent2 />
<SubComponent3 />
</Compoment1>
<Compoment2>
<SubComponent1 /> //Сюда хочу пробросить props.
<SubComponent2 />
<SubComponent3 />
</Compoment2>
<Compoment3>
<SubComponent1 />
<SubComponent2 />
<SubComponent3 />
</Compoment3>
</Body>
<Footer />
</App>
Средний