重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

简单介绍reactredux的中间件的使用-创新互联

用过react的同学都知道在redux的存在,redux就是一种前端用来存储数据的仓库,并对改仓库进行增删改查操作的一种框架,它不仅仅适用于react,也使用于其他前端框架。研究过redux源码的人都觉得该源码很精妙,而本博文就针对redux中对中间件的处理进行介绍。

创新互联是专业的改则网站建设公司,改则接单;提供网站建设、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行改则网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

在讲redux中间件之前,先用两张图来大致介绍一下redux的基本原理:

简单介绍react redux的中间件的使用

图中就是redux的基本流程,这里就不细说。

一般在react中不仅仅利用redux,还利用到react-redux:

简单介绍react redux的中间件的使用

react-redux这里也不细说。

redux中间件

一般情况下,redux是不具备处理异步请求的能力,稚嫩沟通过间接或者添加中间件的方式,加强了对dispatch的能力,是的redux具备异步的能力;

一般来说,redux处理异步的方式有两种:间接方式和中间件方式;

间接方式:

间接方式就死自定义异步的行为,保留dispatch同步的功能。
思路:就是讲异步返回的结果塞进action中,然后在通过dispatch同步到reduce中,再改变state;

简单介绍react redux的中间件的使用

demo:

request.get(API)
    .then(d => {
      store.dispatch(type: xxx, playload: d)
    })

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


标题名称:简单介绍reactredux的中间件的使用-创新互联
地址分享:http://cqcxhl.cn/article/cdjhgd.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP