Reactjs 同一组件的不同路由

我在我的reactjs web应用程序中用于路由。我想要一组不同的路径来渲染相同的组件

例如：

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

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

注意：我不希望所有管线都渲染相同的组件。我只希望abc、xyz和pqr渲染相同的组件

只需定义它们

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

只需定义它们

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

他们有没有办法只用一行来定义这一点？类似于我不确定，但如果路径值可以定义为regexp，您就可以这样做。您可以有一个路径数组，并通过它们映射，为每个路径返回一个

路由

。它们是否只使用一行来定义此路径？类似于我不确定，但如果路径值可以定义为regexp，您就可以这样做。您可以有一个路径数组，并通过它们映射，为每个路径返回一个

路由。