在react redux应用程序中定义专用路由？

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

// 假设我们有一个Redux状态slice，其中包含用户的认证信息
const isAuthenticated = useSelector(state => state.auth.isAuthenticated);

function PrivateRoute({ component: Component, ...rest }) {
  return (
    <Route
      {...rest}
      render={props =>
        isAuthenticated ? (
          <Component {...props} />
        ) : (
          <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
        )
      }
    />
  );
}

function App() {
  return (
    <Router>
      <Route path="/login" component={LoginPage} />
      <PrivateRoute path="/dashboard" component={DashboardPage} />
      {/* 其他路由 */}
    </Router>
  );
}

export default App;

// 在登录操作中
dispatch(loginSuccess(true)); // 假设loginSuccess是一个action creator