嵌套在默认路由中答案

【问题标题】：Nesting in Default Route嵌套在默认路由中
【发布时间】：2015-06-17 19:10:10
【问题描述】：

我有一个应用程序索引页面，其中列出了我的所有应用程序。索引页面也是默认路由。我想在索引页面中嵌套一个“应用程序新”模式。这样我就可以在索引页面顶部呈现模式。但是，我无法成功嵌套在默认路由中。

我认为它应该是这样工作的

<Route name='applications' path='/applications' handler={Applications}>
  <DefaultRoute name="index" handler={ApplicationIndex}>
    <Route name='applicationNew' path='/new' handler={ApplicationNewModal}/>
  </DefaultRoute>
  <Route name="applicationShow" path=':key' handler={ApplicationShow}/>
</Route>

当我尝试转换到“applicationNew”时，我收到一条错误消息，提示找不到具有该名称的路由

【问题讨论】：

标签： javascript reactjs react-router

【解决方案1】：

您需要将其移动到带有handler={ApplicationIndex} 的Route 内的自己的Route。

<Route name='applications' path='/applications' handler={Applications}>
  <DefaultRoute name="index" handler={ApplicationIndex} />
  <Route handler={ApplicationIndex}>
    <Route name='applicationNew' path='/new' handler={ApplicationNewModal} />
  </Route>
  <Route name="applicationShow" path=':key' handler={ApplicationShow}/>
</Route>

【讨论】：