在特定路由上渲染组件 - 正则表达式路径答案

【问题标题】：Rendering a component on specific routes - Regex path在特定路由上渲染组件 - 正则表达式路径
【发布时间】：2018-07-04 15:30:28
【问题描述】：

我正在尝试仅在几个特定路径中呈现组件（标题），而不是在它们的子路径中，即 /foo 而不是 /foo/bar。

假设我有一个路径数组： let paths = ['/foo', '/bar', '/baz']

我尝试这样做，但没有成功：

    const x = paths.map(e => `(${path}${e}/?$)`)
    <Route
      path={x.join('|')}
      component={this.makeMyComponent}
    />

这也不起作用：

    const x = paths.map(e => `(${e}/?$)`)
    <Route
      path={`${path}(/foo$|/bar$|/baz$})}
      component={this.makeMyComponent}
    />

但它确实匹配在线正则表达式引擎：

【问题讨论】：

【解决方案1】：

这行得通：

    <Route
      render={props => paths.some(e => props.location.pathname.endsWith(e)) ? this.makeMyComponent() : null}
    />

【讨论】：