嵌套的路线链接到两个不同的组件

Question

嵌套路由配置

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

RepoInfoPage 没有按预期方式呈现（'/：user /：repo'），它重定向到 UserReposPage 。我该怎么做？

Answer 1

Switch仅返回匹配的{strong>第一 Route。如果您的第二条路线也是如此，则第二条路线将匹配。这就是为什么它永远不会渲染的原因。

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

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