2016-08-01 13 views
0

Ich verwende React-router für das Routing in meiner rectjs Web App. Ich möchte verschiedene Routen zum Rendern derselben Komponente verwenden.Verschiedene Routen für die gleiche Komponente

Zum Beispiel:

http://example.com/abc 
http://example.com/xyz 
http://example.com/pqr 

Diese alle URIs rendert gleiche Komponente

Anmerkung: Ich habe nicht alle Routen gleiche Komponente machen möchten. Ich will nur, abc, xyz und PQR gleiche Komponente sie

Antwort

2

Gerade definieren,

<Router history={browserHistory}> 
    <Route path="/" component={App}> 
     <Route path="abc" component={YourComponent}/> 
     <Route path="xyz" component={YourComponent}/> 
     <Route path="pqr" component={YourComponent}/> 
     <Route path="*" component={NoMatch}/> 
    </Route> 
    </Router> 
+0

Ist sie eine Möglichkeit zu machen, diese nur mit einzelner Zeile zu definieren? etwas wie programmer

+1

Ich bin mir nicht sicher, aber wenn der Pfadwert als regexp definiert werden kann, können Sie es tun. – Tugrul

+0

Sie könnten eine Reihe von Pfaden haben und durch sie abbilden, die für jede eine 'Route' zurückgeben. – Geraint

Verwandte Themen