Redux Thunk中间件

Action创建函数就是创建action对象的函数,起初它只能返回action对象,但通过中间件的加工后,action创建函数可以返回更多的类型。Redux Thunk中间件就是去加工action创建函数。

  1. Action创建函数
    function increment(){
    return {type: 'INCREMENT'};
    }
    发起:store.dispatch(increment());
  2. Redux Thunk中间件(需安装react-thunk包)
    function incrementIfOdd(){
    return (dispatch, getState){
    const value = getState();
    if(value % 2 ===0){
    return;
    }
    dispatch(increment());
    };
    }
    激活:const store = createStore(counter, applyMiddleware(thunk));
    store.dispatch(incrementIfOdd());
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、什么情况需要redux? 1、用户的使用方式复杂 2、不同身份的用户有不同的使用方式(比如普通用户和管...
    初晨的笔记阅读 2,077评论 0 11
  • http://gaearon.github.io/redux/index.html ,文档在 http://rac...
    jacobbubu阅读 80,078评论 35 198
  • “中间件”这个词听起来很恐怖,但它实际一点都不难。想更好的了解中间件的方法就是看一下那些已经实现了的中间件是怎么工...
    Jmingzi_阅读 1,723评论 1 7
  • 前言 本文 有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我讨论。 文中所有内...
    珍此良辰阅读 11,948评论 23 111
  • by孤鸟差鱼 不起眼的小事 在翻江倒海的时候 哑了喉
    孤鸟差鱼阅读 113评论 0 1