使用ID反应路由器嵌套路由

时间:2019-08-10 16:04:38

标签: react-router-dom

我有一个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文档,但似乎找不到与之匹配的示例。有人知道如何实现这一目标吗?

0 个答案:

没有答案