javascript - 嵌套在默认路由中

标签 javascript reactjs react-router

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

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

<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”时,我收到一条错误消息,指出未找到具有该名称的路由

最佳答案

您需要将其移动到具有 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>

关于javascript - 嵌套在默认路由中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30900338/

相关文章:

javascript - 在asp.net中从客户端浏览器向服务器发送文件有哪些方法?

javascript - 如何在另一个 SlideDown 时向上滑动另一个

php - 在 Google map 上打印大 map

reactjs - 单击按钮后测试导航与 MemoryRouter 的 react (开 Jest , enzyme )

webpack - react 生产构建 : Cannot read property 'listenBeforeLeavingRoute' of undefined

javascript - 如果 AngularJS 中的 Api 服务状态 == 404,则记录消息

reactjs - 如何重用 react-router 的 useHistory 的 Jest 模拟

javascript - 向导入的组件添加样式

javascript - 如何正确使用后退按钮?

reactjs - RouteComponentProps 与 useHistory