到两个不同组件的嵌套路由 link

Question

嵌套路由配置

    <Switch>
      <Route path='/:user' component={UserReposPage} />
      <Route path='/:user/:repo' component={RepoInfoPage} />
    </Switch>

RepoInfoPage 未按预期呈现 ('/:user/:repo')，它重定向到 UserReposPage。我怎样才能做到这一点？

Answer 1

Switch 仅 returns 第一个 匹配 Route。只有当您的第一条路线也匹配时，您的第二条路线才会匹配。这就是它永远不会渲染的原因。

一个简单的解决方法可能是颠倒 Route 的顺序。

<Switch>
  <Route path='/:user/:repo' component={RepoInfoPage} />
  <Route path='/:user' component={UserReposPage} />
</Switch>

Nested route link to two different components