redux-thunk
redux中间件,处理异步请求。
在我们用了redux-thunk,actionCreators可以返回一个函数,可以在返回的函数内部可以发送异步,(在该函数里有参数dispatch,发送异步),异步成功之后再分发一个action(纯粹改数据的action)更改数据。
所以可能需要出现两个actionCreators,一个用来分发异步action,如何在这个action里发送一步请求,拿到数据后再分发由另一个actionCreators生产的action改数据,后一个action就是纯粹为了改数据存在的。
(在actionCreators里可以返回一个函数(之前返回的是一个对象),在函数内部去发送异步请求,异步请求回来之后,再分发action2,action2去更改store中的数据。)
安装
yarn add redux-thunk
配置
配置就是为了让redux之上有一层中间件(redux- thunk),过了中间件之后再过redux。
1.在store创建的时候操作,从redux中引入applyMiddleware(说明redux允许你使用中间件)
2.引入redux-thunk
import { createStore,applyMiddleware } from "redux"; ///引入中间件
import thunk from 'redux-thunk' //引入中间件
import reducer from "./reducers";
let store =createStore(reducer,applyMiddleware(thunk)) //使用中间件
export default store
PS&