React Router конфликтует два маршрута

Question

Ниже указаны мои прикрепленные маршруты, когда я перехожу к / login / schoolname. Я получаю правильный компонент, но при переходе к проверке он добавляется в /login/verify.

.

<Switch> 
  <Route path="/verify" component={Verify} />
  <Route path="/login/:schoolName" component={Login} />
  <Route path="*" component={Home} />
</Switch>

Я ожидал, что-то вроде локальный / проверить локальный / Логин / schoolname всякий раз, когда я нажимаю на навигацию

Answer 1

изменить маршрут, чтобы точно соответствовать пути

<Route exact path="/verify" component={Verify} />

и при ручном изменении маршрута обязательно ставьте косую черту в начале названия маршрута

history.push("/verify");