如何在react中保护路由？如果管理员登录，则需要进行身份验证

npm install react-router-dom

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

import Home from './components/Home';
import AdminDashboard from './components/AdminDashboard';
import Login from './components/Login';

const Routes = () => {
  const isAuthenticated = // 判断管理员是否已登录的逻辑，例如从本地存储中获取token进行验证

  return (
    <Router>
      <Route exact path="/" component={Home} />
      <Route
        exact
        path="/admin"
        render={() =>
          isAuthenticated ? (
            <AdminDashboard />
          ) : (
            <Redirect to="/login" />
          )
        }
      />
      <Route
        exact
        path="/login"
        render={() =>
          isAuthenticated ? <Redirect to="/admin" /> : <Login />
        }
      />
    </Router>
  );
};

export default Routes;

import React from 'react';
import ReactDOM from 'react-dom';
import Routes from './routes';

ReactDOM.render(<Routes />, document.getElementById('root'));