Реагирует на путь совпадения маршрутизатора v4, если не `/ user`

Question

У меня есть случай в реакции маршрутизатора v4:

<Route path="/:time?/:zone?" component={TimeComponent} />

Однако я не хочу отображать это TimeComponent, если маршрут:

/user/userId123

Как вы можете видетьвыше, путь соответствует user как :time и userId123 как :zone.

Моя цель: я не хочу, чтобы путь совпадал, если маршрут содержит /user.

Я знаю Я могу использовать regex, но как указать, что я не хочу соответствовать пути, если содержит /user?

Нужна помощь

Answer 1

Вы можете использовать переключатель от реагирующего маршрутизатора dom следующим образом:

<Switch>
  <Route path="/user/:userId?" component={UserComponent} />
  <Route path="/:time?/:zone?" component={TimeComponent} />
</Switch>

При этом он будет соответствовать только одному маршруту за раз, и ваш 2-х параметрический маршрут находится в конце.Таким образом, используя этот подход, вы можете поймать / пользовательский маршрут до времени компонента маршрута.

Пожалуйста, попробуйте это.