reduxthunk使用

什么是thunk?

被 dispatch 的 function 会接收 dispatch 作为参数&＃xff0c;并且可以异步调用它。这类的 function 就称为 thunk

安装redux-thunk

  npm install  redux-thunk --save

在react运用

import {counter} from &＃39;./redux/index.redux&＃39;
import {createStore,applyMiddleware,compose}from &＃39;redux&＃39;
import thunk from &＃39;redux-thunk&＃39;const store&＃61;createStore(counter,compose(applyMiddleware(thunk)
));

**:compose 作用是从右到左来组合多个函数&＃xff0c;在这里我们可以引入 devTools

一个异步函数获取数据:

export function getUserData(){return dispatch&＃61;>{axios.get(&＃39;/data&＃39;).then((res)&＃61;>{if(res.status&＃61;&＃61;&＃61;200){dispatch(userData(res.data))}})}
}export function userData(data){return{type:USER_DATA,payload:data}
}