2017-03-07 8 views
1

現在、私はこのルーティング構成でReact-router: `components` propを祖先に渡すには?

<Route path="/" component={App}> 
    <Route path="page1" components={{content: C1, aside: A1}} /> 
    <Route path="page2" components={{content: C2, aside: A2}} /> 

    <Route path="page3" components={{content: C3, aside: A3}} > 
    <Route path="page3-sub" components={{content: C3Sub, aside: A3Sub}} /> 
    </Route> 

</Route> 

に類似した構造page3-sub持っているのをコンポーネントがAppにそれを作らない:彼らはpage3によって 『上書き』されている年代。このルーティング構造を維持する方法はありますかおよびpage3-subのコンポーネントを使用していますか?

答えて

0

私はこれをテストカントが、私はあなただけでそれらの未巣に必要と考えている:

<Route path="/" component={App}> 
    <Route path="page1" components={{content: C1, aside: A1}} /> 
    <Route path="page2" components={{content: C2, aside: A2}} /> 
    <Route path="page3" components={{content: C3, aside: A3}} /> 
    <Route path="page3-sub" components={{content: C3Sub, aside: A3Sub}}/> 
</Route> 
+0

こんにちはアンソニー、質問で述べたように、私はその特定のルーティング構造が、感謝を必要とします! – aryzing

+1

それも可能です。私は、あなたが反応ルータのgithubヘルプチャンネルで持っている正確な問題を抱えている誰かを思い出し、彼らはこの方法を使って解決したと確信しています。それに応じてあなたのパスを更新してください: <経路パス= "ページ3 /ページ3 - サブ"コンポーネント= {{コンテンツ:C3Sub、別:A3Sub}} /> 私は言ったように、テストする立場にいません。 –

+1

http://stackoverflow.com/questions/32303221/react-router-nested-routes-not-working –

関連する問題