如何在react-router中使用嵌套路由,特别是版本4.x?以下版本在以下版本中运行良好...
<Route path='/stuff' component={Stuff}>
<Route path='/stuff/a' component={StuffA} />
</Route>
升级到4.x会发出以下警告......
警告:您不应在同一路线中使用<Route>组件和<Route children>; <Route children>将被忽略
到底发生了什么事?我已经搜索了the docs几个小时,无法成功获得嵌套路由 . 如何使用 <Route>
组件将其路由嵌套在react-router v4中?我的简单示例如何转换为嵌套路由的v4.x API合规性?
1 回答
忘掉你对React Router <v4的了解 . 您可以通过字面嵌套
<Routes>
来嵌套路径 . 检查this example . 具体来说,请查看主题组件 . 您不会预先声明您的路由,而是在组件呈现时动态声明 .