reagieren-Router Spiel Query-String

Question

https://github.com/reactjs/react-router/example

ich das Beispiel anprobiert npm start

Query-String-Match Route am Beispiel funktioniert nicht. Wenn ich die zweite klicken, Es ist die Aktivierung falsche

http://localhost:8080/query-params/user/bob?showAge=1 und erfrischend auf den Link oben keine Routen entsprechen.

Auch wenn ich den Beispielcode ändern müssen unter <Route path="user/:userID(?:showAge)" component={User} /> Ich habe versucht, einige Dinge, die auf Dokumente basieren funktionieren könnte, aber keiner von ihnen arbeitete.

Fehle ich etwas?

Answer 1

Es stellte sich heraus, gab es einen Fehler in dem Beispiel auf React-Router Github.

Ich habe eine PR dafür gemacht, die activeClassName für Link-Komponente entfernt.

ohne es, es funktioniert gut, und Abfrage-String ist Requisiten in Position, siehe unten

this.props.location.query = { 
    query1: value1, 
    query2: value2 
} 

this picture

Answer 2

Sie vermissen die Root (/) in path = "user /: Benutzer-ID (?: ShowAge)"

Dieser Code muss Werke:

<Router history={history}> 
    <Route path="/user/:userID/:showAge)" component={User} /> 
    </Router> 

Prüfen, ob die params in der Strecke sind :

console.log(JSON.stringify(this.props.routeParams)); 

Meine ganze Datei:

https://github.com/aarkerio/vet4pet/blob/master/app/assets/frontend/javascripts/entry.js