Reagieren Router 4 Optional Pfad

Question

i

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') 
); 

habe Wie optional Pfad im Router-v4 schreiben? so

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

Für die eine Komponente {OrderView}. ich sollte in der Lage sein, URLs in zwei Versionen zu erhalten:

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

Ich versuchte

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

aber nichts

Ich nehme an, das Problem zu schreiben, weil ich

this.props.location.query.filter 

bin mit

Answer 1

Sie können versuchen, diese

0 zu verwenden

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

Es ist von https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf erhalten. Hier sind ziemlich nette Erklärungen für die vierte Version der Routen.