Reactjs 如何在react router 5中定义多段url,如/project/collaborator
我试图在react router dom中定义一个多段URL,但不幸的是,它不起作用,有人能告诉我问题出在哪里吗Reactjs 如何在react router 5中定义多段url,如/project/collaborator,reactjs,react-router,react-router-dom,Reactjs,React Router,React Router Dom,我试图在react router dom中定义一个多段URL,但不幸的是,它不起作用,有人能告诉我问题出在哪里吗 <React.Fragment> <Router> <Switch> <Layout path="/" component={HComponent} exact /> //working <Layout path="/calende
<React.Fragment>
<Router>
<Switch>
<Layout path="/" component={HComponent} exact /> //working
<Layout path="/calender" component={CComponent} exact /> // working
//Not working
<Layout path="/calender/today" component={CComponent} exact />
</Switch>
</Router>
</React.Fragment>
//工作
//工作
//不起作用
我需要在哪里更改?尝试将更具体的路线(
/calendar/day
)移到不太具体的路线(/calendar
)上方。不过,出于好奇,您确定要为该管线渲染不同的组件吗?上面粘贴的代码为两条路由呈现了相同的组件,这会使更具体的路由似乎不起作用。正如Labu所解释的,为此,您应该只嵌套路由器。基本上,在组件内创建另一个路由器,该路由器今天应该接收额外的/code>。有关如何嵌套路由的演示可在此处找到: