Reactjs 如何在react router 5中定义多段url,如/project/collaborator

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 router dom中定义一个多段URL,但不幸的是,它不起作用,有人能告诉我问题出在哪里吗

<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>。有关如何嵌套路由的演示可在此处找到: