useReducer dispatch实现类似react-thunk功能

问题：useReducer生成的dispatch无法dispatch函数
解决：使用useThunkReducer代替useReducer

const wrapperDispatch = (dispatch, getState) => {
  return (action) => {
    if (typeof action === 'function') {
      action(wrapperDispatch(dispatch, getState), getState);
    } else {
      dispatch(action);
    }
  };
};

export const useThunkReducer = (reducer, defaultState) => {
  const [state, dispatch] = useReducer(reducer, defaultState);
  const getState = () => state;
  const newDispatch = wrapperDispatch(dispatch, getState);
  return [state, newDispatch];
};