javascript - React Router 4 相对路径

Question

所以我正在努力让这个简单的情况在 React Router 4 中为我工作。基本上，我有一个参数用于检索将呈现组件 /:user 的用户数据。我还在该页面上有一些更具体的 View ，它们呈现为 /:user/:specificView。为了防止后者错过像 specificViews 这样的匹配用户，我一直在尝试以下正则表达式，但似乎什么都没有工作正常。

<div>
    <Switch>
      <Route
        exact
        path="*/:user/:specificView(coolview|niceview|okview)"
        render={routerProps =>
          <SpecificViewContainer {...routerProps} {...this.props}/>}/>
      <Route
        path="/:user"
        render={routerProps =>
          <UserPageContainer {...routerProps} {...this.props}/>}/>
    </Switch>
</div>

相对路径部分出现在这两条路线可以位于任何东西之上(/coolusers/:user/:specificView, /okusers/butnotbad/:users/:specificView...等)，因此它们需要是路径名的最后一部分。

我在谷歌上搜索了很多，似乎提出了相对路径格式 :user/:specificView ，其中省略了开头的斜线，但它不起作用，所以我不相信它成功了在:https://github.com/ReactTraining/react-router/issues/5127

任何帮助都会很棒!不幸的是，我坚持使用相对路径，因为我永远不知道服务器端 View 路由是什么。

Answer 1

我一直在使用 match.path 来允许从各种父路由使用路由:

   <Route 
    exact 
    strict 
    path={`${match.path}/create`} 
    component={CreateComponent} />