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

ETC..

在 /page1 我的子导航将是:

选项1 | 选项2 | 选项 3 | 选项 4

在 /page/option4

选项1 | 选项2 | 选项 3

我一直在寻找一种方法来为路由配置中的子导航组件供电,因此只需要在一个地方定义页面,但到目前为止还没有找到示例。这种问题的正常方法是什么,这样的例子是否存在?

更新

因此,从概念上讲,我正在按照 .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 回答