这是我的代码，我对前端开发完全陌生。有人能帮我解决这个问题吗？我希望用户在未登录的情况下被重定向到登录页面，但一旦登录，一切都应该正常，但即使我单击“登录”，当我更改url时，登录页面也会显示出来，登录页面出现在每个url上这是我的代码（我是新到前端的，请不要判断）

import { useState } from 'react'
import { Route, Switch} from 'react-router-dom'
import Dashboard from "./pages/Dashboard";
import DatasetGenerator from "./pages/DatasetGenerator"
import Simulator from "./pages/Simulator"

function App() {

  const [login, setlogin] = useState(true)
  const [homepage, setHomepage] = useState(false) 
const loginHandler = ()=>{
  if(login == true){setlogin(false)
  setHomepage(true)}
}

  return ( 
    <div>
    {login && <SignIn loginHandler={loginHandler} />}
    <Switch>

      <Route path='/' exact>
        {homepage && <Dashboard />}
      </Route>
      <Route>
      {homepage &&  <DatasetGenerator path="/dataset-generator"/>}
      </Route>

      <Route path="/simulator">
      {homepage &&  <Simulator  />}
      </Route>
    </Switch>
    </div>
  )
  }

export default App;