相同組件的不同路由

Question

我正在使用React-router在我reactjs web應用中進行路由。我想要一組不同的路線來渲染相同的組件。

例如：

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

這些所有的URI將呈現相同的組件

注：我不希望所有的路由來呈現相同的組件。我只想ABC，XYZ和PQR呈現相同的組件

Answer 1

只要定義他們，

<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>