页面转换时清除redux状态

在页面转换时清除Redux状态的方法取决于你使用的路由和状态管理库。下面是一些常见的解决方法：

1. 使用React Router和Redux-thunk：

import { withRouter } from 'react-router-dom';
import { connect } from 'react-redux';
import { clearReduxState } from 'yourReduxActions'; // 清除Redux状态的action

class YourComponent extends React.Component {
  componentDidMount() {
    // 在组件加载时清除Redux状态
    this.props.clearReduxState();
  }

  componentWillUnmount() {
    // 在组件卸载时重置Redux状态
    this.props.clearReduxState();
  }

  render() {
    // 组件的渲染逻辑
  }
}

const mapDispatchToProps = (dispatch) => ({
  clearReduxState: () => dispatch(clearReduxState())
});

export default withRouter(connect(null, mapDispatchToProps)(YourComponent));

在上述示例中，我们使用了withRouter高阶组件来包装组件，并将clearReduxState方法连接到Redux store。在componentDidMount和componentWillUnmount生命周期方法中，我们调用clearReduxState方法以清除或重置Redux状态。

2. 使用React Router和Redux-saga：

import { withRouter } from 'react-router-dom';
import { connect } from 'react-redux';
import { takeEvery, put } from 'redux-saga/effects';
import { CLEAR_REDUX_STATE, clearReduxStateSuccess } from 'yourReduxActions'; // 清除Redux状态的action

// 清除Redux状态的saga
function* clearReduxStateSaga() {
  // 执行清除Redux状态的逻辑
  yield put(clearReduxStateSuccess());
}

// 监听CLEAR_REDUX_STATE action
function* watchClearReduxState() {
  yield takeEvery(CLEAR_REDUX_STATE, clearReduxStateSaga);
}

class YourComponent extends React.Component {
  componentDidMount() {
    // 在组件加载时清除Redux状态
    this.props.clearReduxState();
  }

  componentWillUnmount() {
    // 在组件卸载时重置Redux状态
    this.props.clearReduxState();
  }

  render() {
    // 组件的渲染逻辑
  }
}

const mapDispatchToProps = (dispatch) => ({
  clearReduxState: () => dispatch({ type: CLEAR_REDUX_STATE })
});

export default withRouter(connect(null, mapDispatchToProps)(YourComponent));

在上述示例中，我们使用了withRouter高阶组件来包装组件，并将clearReduxState方法连接到Redux store。在componentDidMount和componentWillUnmount生命周期方法中，我们调用clearReduxState方法以发送一个带有CLEAR_REDUX_STATE类型的action。然后，我们使用Redux-saga来监听并处理该action，执行清除Redux状态的逻辑，并最终派发一个成功的action。

请根据你的具体需求和使用的库进行相应的调整。