嵌套在默认路由中

时间:2015-06-17 19:10:11

标签: javascript reactjs react-router

我有一个应用程序索引页面,列出了我的所有应用程序。索引页面也是默认路由。我想在索引页面中嵌套一个'applications new'模式。这样我就可以在索引页面的顶部渲染模态。但是,我无法成功嵌套在默认路由中。

以下是我认为它应该如何运作

<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'时,我收到错误消息,说没有找到该名称的路由

1 个答案:

答案 0 :(得分:1)

您需要将其移至带有handler={ApplicationIndex}的路线内的自己的路线。

<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>