在react路由器v4中重定向经过身份验证的用户

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

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

export default PrivateRoute;

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import PrivateRoute from './PrivateRoute';
import Dashboard from './Dashboard';
import Login from './Login';

const App = () => (
  <Router>
    <div>
      <Route path="/login" component={Login} />
      <PrivateRoute
        path="/dashboard"
        component={Dashboard}
        authenticated={true} // 这里可以根据实际情况设置用户的身份验证状态
      />
    </div>
  </Router>
);

export default App;