0

私はすぐにreact-router 1.xに切り替える大規模なアプリケーションを持っています。

アプリケーションには、ネストされた大きなナビゲーション構造があります。

/
 /page1
   /page1/option1
   /page1/option2
   /page1/option3
   /page1/option4
     /page1/option4/option1
     /page1/option4/option2
     /page1/option4/option3
 /page2
   /page2/option1
   /page2/option2
   /page2/option3
   /page2/option4

等..

/page1 では、サブ ナビゲーションは次のようになります。

オプション1 | オプション 2 | オプション 3 | オプション 4

そして /page/option4

オプション1 | オプション 2 | オプション 3

ルート構成からサブ ナビゲーション コンポーネントを起動する方法を探していたので、ページを 1 か所で定義するだけで済みますが、これまでのところ例を見つけることができませんでした。そのような問題に対する通常のアプローチは何でしょうか。そのような例は存在しますか?

アップデート

概念的には、ナビゲーション、ブレッドクラム トレイル、およびルーティングがページの階層的な定義から機能する .net サイトマップ プロバイダーの方針に沿って考えています。反応ルーターのルート定義がソースになるか、別のソースから駆動されるか、およびこれが通常どのように達成されるか疑問に思っています。

<Route path="/" component={App}>
      <Route path="page1" component={Page1}>
         <Route path="page1/option1" component={Page1Option1} />
         <Route path="page1/option2" component={Page1Option2} />
         <Route path="page1/option3" component={Page1Option3} />
     ...
4

1 に答える 1

0

のナビゲーションに加えて/page1/option4、シナリオのサブ ナビゲーションはありますか?/page1

その場合、ルートのcomponents構成を使用して、必要に応じて追加のサブ ナビゲーション コンポーネントを渡すことができます。

<Route path="option4" components={{main: Option4, subnav: Option4SubNav}}>
   ...child routes...
</Route>
于 2015-10-22T13:19:02.817 に答える