親（ラッパーコンポーネント）から反応ルータを持つ子に状態を渡すにはどうすればよいですか？

Question

componentWillMountメソッドでバックエンドからデータを読み込む親コンポーネントがあります。これは、一度だけ呼び出されるべきである単一の設定エンドポイントに由来します。私は自分の親コンポーネントにデータをロードし、次にこの状態の子コンポーネントの数をラップします。これを文脈化するために、親コンポーネントはダッシュボードのナビゲーションバーおよびフッタであり、子供はこのダッシュボード内のビュー、すなわちダッシュボードページのコンテンツとなる。 React-Routerのドキュメントでは、これを処理する方法として好ましい方法は{this.props.children}であると説明していますが、子供に状態を渡す方法は説明されていません。これをどうやって行うのですか？

また、それは私のルートを説明する価値があるかもしれません：

<Router history={browserHistory}> 
    <Route path='/' onEnter={redirectWww} /> 
    <Route 
     path='/dashboard' 
     component={DashboardContainerWrapper} 
     onEnter={requireAuth}> 
     <Route path='/dashboard/' component={DashboardIndex}/> 
     <Route path='/dashboard/some/view' component={DashboardSomeView}/> 
    </Route> 
</Router> 

Answer 1

は実はちょうど今日似た何かをしなければなりませんでした。私が行ったのは、React.cloneElementを使用して親コンポーネントの状態を子コンポーネントに注入することでした。レンダリングメソッドで

{React.Children.map(this.props.children, (child) => 
    React.cloneElement(child, {...this.state}) 
)}