使用反應路由器路由幾條路徑相同的組件

Question

我在我的應用中的以下路線：

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

其中第二條路線就是第一和路由到同一組件的擴展。我如何在一個Route標記中組合兩條路線？

Answer 1

您可以使用<Route exact path='/:category?' component={Posts} />問號所做的是使url擴展名爲可選值。