React Router - Auth检查呈现空白页面

npm install react-router-dom

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

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

const App = () => (
  <Router>
    <div>
      <Route path="/login" component={Login} />
      <PrivateRoute path="/dashboard" component={Dashboard} />
    </div>
  </Router>
);

import { useHistory } from 'react-router-dom';

const Dashboard = () => {
  const history = useHistory();

  useEffect(() => {
    if (!isAuthenticated()) {
      history.push('/login');
    }
  }, []);

  return (
    <div>
      {/* Dashboard内容 */}
    </div>
  );
};