有条件地在登录时重定向用户页面(React)

npm install react-router-dom

import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom';

const PrivateRoute = ({ component: Component, isAuthenticated, ...rest }) => (
  <Route
    {...rest}
    render={(props) =>
      isAuthenticated ? (
        <Component {...props} />
      ) : (
        <Redirect to="/login" />
      )
    }
  />
);

const App = () => {
  const isAuthenticated = // 根据登录状态判断用户是否已登录

  return (
    <Router>
      <Switch>
        <Route exact path="/login" component={Login} />
        <PrivateRoute
          path="/dashboard"
          component={Dashboard}
          isAuthenticated={isAuthenticated}
        />
        <PrivateRoute
          path="/profile"
          component={Profile}
          isAuthenticated={isAuthenticated}
        />
      </Switch>
    </Router>
  );
};