陣營路由器4可選路徑

Question

我有

ReactDOM.render(
    <Provider store={store}> 
     <Router history={history}> 
      <Route exact path='/' component={Desktop}/> 
      <Route path='/OrdersView(&filters=:filters)' component={OrdersView}/>        
     </Router> 
    </Provider> 
    , document.getElementById('application') 
); 

如何寫在路由器V4可選路徑？像這樣

<Route path='/OrdersView(&filters=:filters)' component={OrdersView}/> 

對於一個組件{OrderView}。 我應該能夠收到的網址有兩個版本：

http://..../OrderView 
http://..../OrderView&filters={"a":"1"} 

我試着寫

<Route path='/OrdersView?.+' component={OrdersView}/> 

但沒有

我想這個問題是因爲我使用

this.props.location.query.filter 

Answer 1

您可以嘗試使用此

<Switch> 
    <Route exact path='/roster' component={FullRoster}/> 
    <Route path='/roster/:number' component={Player}/> 
</Switch> 

它從https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf得到。這裏是第4版路線的相當好的解釋。