javascript - 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");