Предупреждение

Question

«Не устанавливайте опоры компонента React». Я получаю эту ошибку React.js. Мне бы хотелось знать, как ее исправить. Есть ли способ позвонить React.cloneElement по телефону this?

Предупреждение: не устанавливайте .props.children компонента React. Вместо этого укажите правильное значение при первоначальном создании элемента или используйте React.cloneElement, чтобы создать новый элемент с обновленными реквизитами. Элемент был создан Семь.

Here's a full working example.

Вот мой код:

var Thead = React.createClass({ 
    displayName: 'Thead', 
    propTypes: function() { 
    return { 
     children: React.propTypes.node 
    } 
    }, 
    componentWillMount: function() { 
    this.childTr = containsElement('tr', this.props.children) 
    this.props.children = reconcileChildren('th', 
     (this.childTr) ? this.childTr.props.children : this.props.children, 
     this.props.data 
    ) 
    }, 
    render: function() { 
    return (
     <thead> 
     {this.childTr ? <tr {...this.childTr.props}> 
      {this.props.children} 
     </tr> : <tr> 
      {this.props.children} 
     </tr>} 
     </thead> 
    ) 
    } 
}) 

Answer 1

Как @fuyushimoya сказал в комментариях не рекомендуется изменять props (я не знаю), я поставил детей this.children вместо.

var Thead = React.createClass({ 
    displayName: 'Thead', 
    propTypes: function() { 
    return { 
     children: React.propTypes.node 
    } 
    }, 
    componentWillMount: function() { 
    this.childTr = containsElement('tr', this.props.children) 
    this.children = reconcileChildren('th', 
     (this.childTr) ? this.childTr.props.children : this.props.children, 
     this.props.data 
    ) 
    }, 
    render: function() { 
    return (
     <thead> 
     {this.childTr ? <tr {...this.childTr.props}> 
      {this.children} 
     </tr> : <tr> 
      {this.children} 
     </tr>} 
     </thead> 
    ) 
    } 
})