javascript - 打开 react 应用程序应重定向到默认登录页面

Question

我有一个 react 应用程序，其中我已经实现了仪表板和登录页面。我希望主页可以登录。登录页面重定向到仪表板。但我无法将主页重定向到登录。这是我到目前为止所尝试过的:-

App.js 文件:-

const LoginContainer = () => {
  return (
    <div>
      <Route exact path="/" render={() => <Redirect to="/signin" />} /> 
      <Route path="/signin" component={SignIn} />
    </div>
  );
}

const DefaultContainer = () => {
  return(
    <div>
      <Drawer />
      <Route exact path="/" component={Dashboard} />
      <Route exact path="/users" component={Users} />
    </div>
  )
}

function App() {
  return (
    <div>
      <Router>

        <Switch>
          <Route exact path="/signin" component={LoginContainer} />
          <Route component={DefaultContainer} />

        </Switch>
      </Router>       
    </div>
  );
}

我在这里做错了什么？为什么默认情况下没有将其重定向到登录页面。

Answer 1

在 App.js 文件中

用这个。 从 App.js 重定向，而不是从登录容器重定向

function App() {
  return (
    <div>
      <Router>

        <Switch>
          <Route exact path="/" render={() => <Redirect to="/signin"/>} /> 
          <Route component={DefaultContainer} />

        </Switch>
      </Router>       
    </div>
  );
}


const LoginContainer = () => {
  return (
    <div>
      <Route path="/signin" component={SignIn} />
    </div>
  );
}