如何使用redux-thunk

  1. 安装redux-thunk
    yarn add redux-thunk
  2. 在创建store时传入应用了middleware的enhance函数
    通过applyMiddleware来结合多个Middleware, 返回一个enhancer
    将enhancer作为第二个参数传入到createStore中
    image.png
  3. 定义返回一个函数的action:
    注意:这里不是返回一个对象了,而是一个函数;
    该函数在dispatch之后会被执行;
// redux-thunk中定义的action函数
export const getHomeMultidataAction = (dispatch, getState) => {
  axios({
    url: "http://localhost:8000",
  }).then(res => {
    const data = res.data.data;
    dispatch(changeBannersAction(data));
    dispatch(changeRecommendAction(data));
  })
}


Q.E.D.