阵营路由器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版路线的相当好的解释。