Реакция: добавление реквизитов к существующему компоненту

Question

Я пытаюсь выяснить, как клонировать существующий элемент с дополнительными реквизитами.

Для справки:

this.mainContent = <Hello message="Hello world!" /> 

Я пытался сделать что-то вроде

React.createElement(this.mainContent, Object.assign({}, 
    this.mainContent.props, { anotherMessage: "nice to meet ya!" })); 

, но это не работает.

Как бы это осуществить?

Answer 1

Вам нужно клонировать элемент и добавить дополнительные опоры с помощью React.cloneElement например:

var clonedElementWithMoreProps = React.cloneElement(
    this.mainContent, 
    { anotherMessage: "nice to meet ya!" } 
); 
// now render the new cloned element? 

Answer 2

React.createElement() принимает либо строку или Реагировать тип класса в качестве первого параметра, так что не будет работать, если вы» re пытается клонировать элемент.

Конечно, there's React.cloneElement() instead, который выполняет глубокую копию другого элемента React и может дополнительно предоставить новые реквизиты.

var foo = React.cloneElement(this.mainContent, {anotherMessage: "nice to meet ya!"}); 

Должно работать.