我有一个React应用,我想在其中创建一个嵌套的路由,其中:id
参数包含在该路由中,但不是最后一个。在顶层,我具有以下路线设置:
<Router history={history}>
<Suspense fallback={null}>
<Switch>
<Route path="/auth" render={() => <Auth />} />
<Route path="/" render={() => <App />} />
</Switch>
</Suspense>
</Router>
然后在App组件中,我具有以下路线:
...
<Route exact path="/clients/:id" render={() => <Client />} />
...
两条路线均正常工作。但是,当我尝试将以下路由添加到Client组件时,Overview组件不会呈现:
...
<Route exact path="/clients/:id/overview" render={() => <Overview />} />
...
我已经阅读了react-router文档,但似乎找不到与之匹配的示例。有人知道如何实现这一目标吗?