React Router冲突两条路由

Question

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

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

我期待,每当我点击导航时,有些东西就像localhost/verify localhost/login/schoolname

Answer 1

更改路线以完全匹配路径

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

当您手动更改路径时,请务必将斜杠放在路径名称的前面

history.push("/verify");