redux-thunk
2024-09-07 16:00:54
1.thunk
function createThunkMiddleware(extraArgument) {
return ({ dispatch, getState }) => next => action => {
if (typeof action === 'function') {
return action(dispatch, getState, extraArgument);
} return next(action);
};
} const thunk = createThunkMiddleware();
thunk.withExtraArgument = createThunkMiddleware; export default thunk;
这是redux-thunk所有的源代码,默认情况下redux只能dispatch一个plain object,例如:
dispatch({
type: 'SOME_ACTION_TYPE',
data: 'xxxx'
});
使用 redux-thunk 之后,可以dispatch一个函数了,这个函数会接收dispatch, getState作为参数,在这个函数里你就可以干你想干的事情,在任何地方随意dispatch了,例如下面这个ajax请求:
dispatch(function (dispatch) {
$.get('/api/users', function(users) {
dispatch({
type: 'FETCH_USERS_SUCCESS',
users: users,
});
});
});
.
最新文章
- Windows7 64位系统搭建Cocos2d-x-2.2.1最新版以及Android交叉编译环境(详细教程)
- Javascript-DOM总结
- 商贸食品车销成功应用PDA抄单 现场开单 打印销售单安卓智能手持POS应用
- 要期末了搞不了OI了额……
- CCR源码分析-CCR架构
- HttpApplication处理对象与HttpModule处理模块
- isset() 与 empty() 的区别
- Spring mvc 数据验证
- StringUtils常用方法+StringUtils详细介绍
- IPC$概念及入侵方式研究
- @RequestParam、@ReqeustBody、@ReponseBody认识
- 前台返回json数据的常用方式+常用的AJAX请求后台数据方式
- Linq 之 Select 和 where 的用法
- 分享:selenium(一) xpath
- 2018.10.17 NOIP模拟 发电机(概率dp)
- 【Coursera-ML-Notes】线性回归(上)
- 深入理解MongoDB的复合索引
- Windows系统调用架构分析—也谈KiFastCallEntry函数地址的获取
- windows7平台 nginx+python 环境搭建
- 20155224聂小益 2016-2017-2 《Java程序设计》第1周学习总结