使用react路由器将多个路径路由到同一个组件

Question

我的应用程序中有以下路径：

<div>
   <Route exact path='/:category' render={() => (
      <Posts/>
   )}/>
   <Route exact path='/' render={() => (
      <Posts/>
   )}/>
</div>

第二条路线只是第一条路线的延伸路线，并路由到同一路线。如何在一个Route标签中组合两个路径？

Answer 1

您可以使用<Route exact path='/:category?' component={Posts} />问号所做的是将网址扩展名设为可选值。