ReactJSのネストされたルート

Question

同時に2つのコンポーネントを表示するネストされたルート、または同時に2つのコンポーネントを表示するためのネストされていない2つのルートを取得する方法はわかりません。

私のルーティングは、次のようになります。私のプロバイダ内で利用されます

export default ( 
    <Route path="/" component={Index}> 
     <Route path="/nextpage" component={Index2} /> 
    </Route> 
); 

export default (
    <Provider store={store}> 
    <Router history={browserHistory}>{routes}</Router> 
    </Provider> 
); 

私は反応する新しいんだけど、私の理解であること、私は、エンドポイントNEXTPAGE訪問その際、両方のインデックスIndex2をレンダリングする必要があります。ただし、最初のコンポーネントのみがレンダリングされます。両方のコンポーネントを表示させるために必要なことはありますか？

Answer 1

Routeのすべての子どもはprops.childrenとして利用できるようになります。

あなたが/にいるとき、Indexは、props.childrenが空でレンダリングされます。

あなたが/nextpageである場合、Indexも同様にレンダリングされようとしているが、今回props.childrenはIndex2が含まれています。

したがって、Indexでは、レンダリングする場所について考える必要があります。props.children