react中实现异步请求的方法二、redux-promise-middleware
上篇讲解了redux-thunk中间件的使用,本篇文章介绍一下另一种实现异步请求的的方式,也是使用中间件实现的,但方法略有不同,其他模块一样,只是在actionCreator中请求数据不同,先在store中引入redux-promise-middleware,然后使用中间件。这里只上actionCreator中的代码:
import {fetch as fetchpro} from "whatwg-fetch"; //与react-thunk不同的是这里action是一个对象 export const MovieAction = ()=>({ type:"GET_MOVIE", payload:new Promise(resolve=>{ //异步 fetchpro("/api/ajax/movieOnInfoList?token=") .then(res=>res.json()) .then((data)=>{ resolve(data); }) }) })