reactjs - 使用React Router将多个路径路由到同一组件

Question

我的应用程序中有以下路线:

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

第二条路由只是第一条路由的扩展，并且路由到同一组件。如何将两条路线合并到一个路线标记中？

Answer 1

您可以使用<Route exact path='/:category?' component={Posts} />问号的作用是使 url 扩展成为可选值。