重定向到用户在登录前尝试访问的页面- Reactjs

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

// 定义私有路由组件
const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route
    {...rest}
    render={props =>
      isAuthenticated() ? (
        <Component {...props} />
      ) : (
        <Redirect
          to={{
            pathname: '/login',
            state: { from: props.location } // 将当前页面的URL作为参数传递给登录页面
          }}
        />
      )
    }
  />
);

// 判断用户是否已登录的函数
const isAuthenticated = () => {
  // 在此处实现判断用户是否已登录的逻辑
};

// 定义其他路由规则
const App = () => (
  <Router>
    <div>
      <Route path="/login" component={Login} />
      <PrivateRoute path="/dashboard" component={Dashboard} />
      {/* 其他路由规则 */}
    </div>
  </Router>
);

export default App;