React Router - Предотвратить падение?

Question

Я полагаю, это довольно просто.

У меня определены следующие маршруты:

<SecureRoute path='/test/:name' component={SpecificTest} />
<SecureRoute path='/test' component={TestList} />

Я хочу выполнить маршрутизацию к различным компонентам, основываясь на том, был ли указан параметр: name. Приведенная выше маршрутизация создает представление с ОБА SpecificTest и TestList компонентами. Как я могу остановить обработку маршрута после первого попадания?

Answer 1

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

<Switch>
    <SecureRoute exact path='/test' component={TestList} />
    <SecureRoute path='/test/:name' component={SpecificTest} />
</Switch>

Answer 2

Я думаю, что вы получите это с Switch :

<Switch>
  <SecureRoute path='/test/:name' component={SpecificTest} />
  <SecureRoute path='/test' component={TestList} />
</Switch>

Его роль - визуализация первого подходящего маршрута.