反应路由器嵌套

阿里·哈迪·奥斯图克(Ali Hadi Ozturk)

我正在尝试在React Router中使用嵌套路由。但是我的嵌套routig无法正常工作。如果那使我与众不同,我正在使用打字稿。

//This is working
<Route exact path={path} component={StudentList}></Route>
//This is not working
<Route path={`${path}/:id`} component={StudentComponent}></Route>

我有一个名为StudentModule的模块。在模块中,当我路由到/students/1无内容时,有两个如上所述的路由

我在CodeSandbox https://codesandbox.io/s/vibrant-pasteur-n1eq7上创建了一个示例应用程序

要查看问题所在,请在菜单中导航至学生,然后单击学生。它需要呈现StudentComponent并Student works在屏幕上书写

请帮我我的代码有什么问题吗?

aga井原里

在主路由器上,您声明

  <Route exact path="/students" component={StudentModule} />

因为您将路径设置为exact一只手,并且students*在导航至时未将路径声明为students/1,所以您根本不会进入Route包含子路由器的。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

Related 相关文章

热门标签

归档