相同组件的不同路由

时间:2016-08-01 11:40:19

标签: reactjs react-router

我正在使用React-router在我的reactjs网络应用中进行路由。我想要一组不同的路线来渲染相同的组件。

例如:

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

这些所有URI都将呈现相同的组件

注意:我不希望所有路由都呈现相同的组件。我只想要abc,xyz和pqr来渲染相同的组件

1 个答案:

答案 0 :(得分:2)

只需定义它们,

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