我正在尝试在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
在屏幕上书写。
请帮我我的代码有什么问题吗?
在主路由器上,您声明
<Route exact path="/students" component={StudentModule} />
因为您将路径设置为exact
一只手,并且students*
在导航至时未将路径声明为students/1
,所以您根本不会进入Route
包含子路由器的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句