Question

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

例如：

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>

相同组件的不同路由

1 个答案: