React Router冲突两条路由

Question

下面是我的附加路线，当我导航到/ login / schoolname时。我得到了正确的组件，但是当我导航到验证时，它会附加到/ login / verify上。

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

我期待的是，诸如     本地主机/验证     本地主机/登录名/学校名称 每当我点击导航

Answer 1

更改路线以精确匹配路径

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

，当您手动更改路线时，请确保在路线名称的前面加上斜杠

history.push("/verify");