React Router 4嵌套路由沖突

Question

我有以下路線：

<Switch>
  <Route path='/:profileType/:profileId' component={Profile}/>
  <Route path='/about/:aboutThing' component={AboutThing}/>
</Switch>

當我嘗試轉到/about/:aboutThing -它被認為是{Profile}路線。 從技術上來說，這是有道理的:profileType可以是任何字符串，因此任何嵌套路由都將被識別為Profile 。

我想知道是否可以在不更改其路線的情況下渲染{AboutThing} 。 從技術上講， /about應該是該路由的保留字。 我試着做：

<Route exact path='/about/:aboutThing' component={AboutThing}/>

但這也不起作用。 嘗試不必在該路徑中添加額外的字符串以使其工作。 有什么想法/想法嗎？

Answer 1

答案很簡單， Switch在第一個匹配的路線后停止，因此您可以像

<Switch>
  <Route path='/about/:aboutThing' component={AboutThing}/>
  <Route path='/:profileType/:profileId' component={Profile}/>
</Switch>