javascript - react-router-dom 中的多页路由问题

Question

我正在制作一个具有欢迎和用户页面的应用程序，我使用条件来了解用户何时登录，因此我可以关闭登录和注册路线，但它似乎没有呈现页面。

./App.js

...
componentdidMount() {
  firebase.auth().onAuthStateChanged(user => this.setState({auth: user}))
}

render() {
  let Routing;
  if (this.state.auth) {
    Routing = (
      <Route path="/dashboard"><Dashboard /></Route>
    )
  } else {
    Routing = (
      <Route path="/"><WelcomePage /></Route>
      <Route path="/login"><Login /></Route>
      <Route path="/signup"><Signup /></Route>
    )
  }

  return <BrowserRouter>{Routing}</BrowserRouter>
}

我在哪里做错了？

标签： javascriptreactjsfirebasefirebase-authenticationreact-router-dom

Answer 1

精确匹配 url

Routing = (
      <Route exact path="/"><WelcomePage /></Route>
      <Route path="/login"><Login /></Route>
      <Route path="/signup"><Signup /></Route>
    )