概述
- 下载 redux-thunk
yarn add redux-thunk
- 引入 redux-thunk
//store/index.js
import { createStore,applyMiddleware } from 'redux'; //⬅⬅⬅⬅⬅⬅
import reducer from "./reducer"
import thunk from 'redux-thunk' //⬅⬅⬅⬅⬅⬅
const store = createStore(reducer,applyMiddleware(thunk)); //⬅⬅⬅⬅⬅⬅
export default store
- 发送异步请求
之前的代码:
addNewTodo(title){ //actionCreators
let action = {
type:ADD_NEW_TODO,
title
}
//需要将action派发给reducer进行处理
return action
},
现在的代码:(因为 计时器也是异步的,所以这里使用 计时器来代替异步请求)
//store/actionCreators(action 创建的js 文件)
addNewTodo(title){
return dispatch=>{
setTimeout(() => {
dispatch({
type:ADD_NEW_TODO,
title
})
}, 1000);
}
}
效果展示:
本文地址:https://blog.csdn.net/qq_44163269/article/details/107379272
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论