Реагировать: создать новый элемент из всех детей при добавлении реквизита

Question

Я пытаюсь перебрать всех детей и добавить к ним опору. Проблема в том, что это работает для всех ближайших детей, но «внуки», если хотите, также не получают новые реквизиты. Вот фрагмент кода:

React.Children.map(this.props.children, child => 
    React.createElement(
    child.type, 
    Object.assign({}, {...child.props}, {newProp: "test"}), 
) 
) 

Все непосредственные дети сохраняют свои реквизита, а также усиление prop.newProp и внуки также возвращаются, но без newProp. Передача детей в как так и не работает:

React.Children.map(this.props.children, child => 
    React.createElement(
    child.type, 
    Object.assign({}, {...child.props}, {newProp: "test"}), 
    child.props.children 
) 
) 

Edit:

• Plain старые ReactJS ответы пожалуйста, без использования дополнительных библиотек, таких как Redux.

Answer 1

Redux позволяет компонентам контейнера управлять и отображать его состояние, чтобы реагировать на реквизит презентационных компонентов.

Answer 2

Так что я сказал, что это ответ. Вы можете использовать функцию context, чтобы разоблачить некоторые реквизиты для всех детей, не передавая их детям, внукам и т. Д.

В соответствии с документацией это экспериментальная функция, но многие библиотеки, такие как Redux, используют ее.

Просто убедитесь, что вы передаете из контекста, ИМО вы должны дважды подумать, прежде чем использовать его

Answer 3

Вот пример того, как добавить реквизит для всех детей в React компонента:

<div> 
    { React.cloneElement(this.props.children, { hello: 'world' }) } 
</div>