React.js在重定向后检查用户是否已登录并显示弹出窗口

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

const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route
    {...rest}
    render={props =>
      checkIfUserLoggedIn() ? (
        <Component {...props} />
      ) : (
        <Redirect to="/login" />
        // 或者显示一个弹出窗口来提示用户进行登录
      )
    }
  />
);

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

const checkIfUserLoggedIn = () => {
  // 在这里编写检查用户是否已登录的逻辑
  // 返回true表示用户已登录，返回false表示用户未登录
};

const Login = () => {
  // 登录页面组件
};

const Dashboard = () => {
  // 用户已登录后的页面组件
};

export default App;