react-路由器重定向在受保护的路由中不呈现任何内容

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

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

const Home = () => <h1>Welcome to the protected route!</h1>;
const Login = () => <h1>Please log in to access the protected route.</h1>;

const App = () => (
  <Router>
    <Route exact path="/login" component={Login} />
    <ProtectedRoute
      path="/protected"
      component={Home}
      isAuthenticated={true} // 可根据实际情况设置身份验证状态
    />
  </Router>
);

export default App;