通过 {...this.state} 和 {this.props.children}

Question

大家好，感谢您的宝贵时间。

我看到了 lynda.com 的 React.js 教程。 但是，它使用了旧版本的 React。 他的代码：

render: function(){
    return (
    <div>
        <Header title={this.state.title} status={this.state.status}/>
        <RouteHandler {...this.state} />
    </div>
    )
}

---

但我使用的是新版本的 React 15.2.1 和 React-router 2.5.2。 而且我不知道如何通过 {...this.state} 与 {this.props.children}

render: function(){ 
    return (
    <div>
        <Header title={this.state.title} status={this.state.status}/>
        {this.props.children} 
    </div>
    )
}

谢谢大家

Answer 1

为了将一些道具传递给{this.props.children}，您可以使用React.cloneElement。生成的元素将具有原始元素的道具与新道具的浅层合并。

render: function(){ 
    return (
    <div>
        <Header title={this.state.title} status={this.state.status}/>
        {React.cloneElement(this.props.children,this.state)} 
    </div>
    )
}

Answer 2

又是我，我必须添加一个发射 在教程中，使用旧版本的 React。

<RouteHandler **emit={this.emit}** {...this.state}/>

现在，如何添加发射？

{React.cloneElement(this.props.children, this.state)} //where add emit ?

谢谢，