仅当用户未通过身份验证时重定向至登录react

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

const isAuthenticated = () => {
  // 在这里进行身份验证逻辑，返回一个布尔值表示用户是否通过身份验证
  // 可以使用本地存储、cookies、或向后端发送请求进行验证
};

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

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

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

export default App;