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

Question

我有一个反应应用程序，其中我已经实现了仪表板和登录页面。 我希望主页登录。 登录页面重定向到仪表板。 但我无法让主页重定向到登录。 这是我迄今为止尝试过的：-

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>
  );
}