reactjs – 将状态作为属性传递给子组件

App.js

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

Client.js

var routes = (
  <Router history={hashHistory}>
  <Route path="/" component={App}>
    <IndexRoute component={Audience} />
    <Route path ="speaker" component={Speaker} />
  </Route>
</Router>
);

Audience.js

render: function(){
  return(
  <div>
    <h1>Audience</h1>
    {this.props.title || "Welcome Audience"}
    </div>
 );
}

Speaker.js

render: function(){
    return(
    <div>
     <h1>Speaker:</h1>
     {this.props.status || "Welcome Speaker!"}
    </div>
  );
  }

而不是这样做：

{React.cloneElement(this.props.children,status:this.state.status})}

使用https://facebook.github.io/react/docs/jsx-spread.html运算符的React.cloneElement是否有类似的东西：

<RouteHandler {...this.state}/>

TLDR;基本上我想将整个状态传递给我的Route Components而不是单独定义它们.

任何帮助将不胜感激！