Вложенная маршрутная ссылка на два разных компонента

Question

Конфигурация вложенного маршрута

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

RepoInfoPage не выполняет рендеринг ('/: user /: repo'), как ожидалось, он перенаправляется на UserReposPage . как я могу заставить это работать?

Answer 1

Switch возвращает только первый соответствующий Route. Ваш второй маршрут будет соответствовать только вашему первому. Вот почему он никогда не рендерится.

Простым решением может быть изменение порядка ваших Route.

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