如何使用react在redux操作后重定向到不同的页面

// 安装依赖：
// npm install react react-dom react-router-dom react-redux redux

// App.js
import React from 'react';
import { BrowserRouter as Router, Route, Redirect } from 'react-router-dom';
import { connect } from 'react-redux';
import { performAction, setRedirectUrl } from './actions';

// 定义需要重定向的页面组件
const HomePage = () => <div>Home Page</div>;
const LoginPage = () => <div>Login Page</div>;
const DashboardPage = () => <div>Dashboard Page</div>;

// 定义需要重定向的URL
const loginRedirectUrl = '/login';
const dashboardRedirectUrl = '/dashboard';

// 定义Redux的action
const performAction = () => {
  // 执行操作
  // ...

  // 设置重定向URL
  setRedirectUrl(dashboardRedirectUrl);
};

// 定义React组件
class App extends React.Component {
  render() {
    const { redirectUrl } = this.props;

    return (
      <Router>
        <Route exact path="/" component={HomePage} />
        <Route path="/login" component={LoginPage} />
        <Route path="/dashboard" component={DashboardPage} />
        {redirectUrl && <Redirect to={redirectUrl} />}
      </Router>
    );
  }
}

// 将Redux的state和action绑定到组件的props上
const mapStateToProps = state => ({
  redirectUrl: state.redirectUrl,
});

const mapDispatchToProps = {
  performAction,
};

export default connect(mapStateToProps, mapDispatchToProps)(App);