相同组件的不同路由

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>