在受保护路由reactjs中传递道具

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

const ProtectedRoute = ({ component: Component, ...rest }) => {
  const isAuthenticated = // 判断用户是否已登录或具备权限的逻辑

  return (
    <Route
      {...rest}
      render={(props) =>
        isAuthenticated ? (
          <Component {...props} {...rest} /> // 将属性传递给受保护路由组件
        ) : (
          <Redirect to="/login" />
        )
      }
    />
  );
};

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

const App = () => {
  const user = // 获取当前用户信息的逻辑

  return (
    <Router>
      <Switch>
        <ProtectedRoute path="/dashboard" component={Dashboard} user={user} />
        {/* 其他路由 */}
      </Switch>
    </Router>
  );
};