清除redux数据（hooks写法）

清除redux数据的场景

A页面初始化调用A接口，希望在当前页面生效，跳转页面不保存数据，但redux中已经存有历史数据，所以在页面销毁时清除redux数据。

A页面请求A接口

useEffect(() => {
    initData();
}, [orderCode]);

const initData = async () => {
    setLoading(true);
    const action = await Actions.getData({ current: 1, size: 10, });
    setLoading(false);
    const { type, payload } = action;
    dispatch(action);
    if (type === 'GET_DATA') {
         message.success('请求数据成功-值'， payload);
    }
  }

A页面请求A接口action

async function getData(params) {
  const payload = await new dataModel().getData(params);
  return {
    type: GET_DATA,
    payload
  }
}

A页面请求清除A接口数据

useEffect(() => {
    // 初始化数据...    

    return async () => {
      const action = await Actions.clearData();
      dispatch(action);
    }
  }, []);

A页面请求清除A接口action

async function clearData() {
  return {
    type: CLEAR_DATA
  }
}

A页面reducer

import { ACTION_TYPES } from '@/actions';

const INIT_STATE = {
  data: [],
};

export default function dataCenter(state = INIT_STATE, action) {
  let result = { ...state };
  const { type, payload } = action;
  switch (type) {
    // 清空
    case ACTION_TYPES.CLEAR_DATA:
      result.airTicketList = INIT_STATE.data;
      break;
    // 获取
    case ACTION_TYPES.GET_DATA:
      result.data= payload;
      break;
    default:
      result = state;
  }
  return result;
}