如何在Redux操作结束时导航？

在Redux中，导航通常是通过路由库来实现的，比如React Router。当Redux操作结束后，可以在Redux的action中触发路由的导航操作。

以下是一个示例代码，演示了在Redux操作结束时如何导航到指定页面：

首先，确保你已经安装了React Router库：

npm install react-router-dom

在Redux的action中，使用history对象来进行导航操作。history对象可以通过React Router提供的withRouter高阶组件来获取。

import { withRouter } from 'react-router-dom';

// 定义一个Redux action
export const fetchData = () => {
  return async (dispatch, getState, { history }) => {
    try {
      // 执行异步操作
      // ...

      // 操作结束后进行导航
      history.push('/target-page');
    } catch (error) {
      // 处理错误
      // ...
    }
  };
};

export default withRouter(fetchData);

在上述代码中，history.push('/target-page')会将页面导航到/target-page路径。

在组件中使用Redux action：

import { connect } from 'react-redux';
import { fetchData } from './actions';

class MyComponent extends React.Component {
  componentDidMount() {
    // 在组件挂载后，调用Redux action来触发导航操作
    this.props.fetchData();
  }

  render() {
    // 组件的渲染内容
    // ...
  }
}

export default connect(null, { fetchData })(MyComponent);

在上述代码中，componentDidMount生命周期函数中调用了Redux action fetchData，从而触发了导航操作。

这样，在Redux操作结束时，就可以通过导航到指定页面来实现页面的跳转。请注意，上述代码中的导航操作是基于React Router库实现的，你可以根据具体的需求和项目选择适合的路由库。