[Redux/Mobx] 在Redux中怎么发起网络请求?

 [Redux/Mobx] 在Redux中怎么发起网络请求?

如果单纯的使用Redux,因为redux的actionCreator返回一个plain object,所以不能在actionCreator中发起网络请求;reducer是一个纯函数,不能有副作用,所以也不能有异步的操作;如果需要在Redux中发起网络请求,就要借助中间件;如下:

  • react-thunk: 这个中间件可以处理dispatch一个function,即可以在actionCreator中返回一个函数签命是(dispatch, getState) => {}的函数,在这个函数中可以进行异步操作,然后再异步操作后进行dispatch一个action
  • react-saga: reducer、actionCreator都保持原始的模式不改变(dispatch的依然是一个plain object),网络请求需要放在saga文件定义的generator函数中,使用taketakeEvery接受到view层传来的带有type的对象,然后执行相应的generator函数,在generator函数中的异步任务执行完成之后,一般是通过put方法(雷同于dispatch)去更新Store中的数据

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

















主目录

与歌谣一起通关前端面试题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/404270.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

判断整数序列是不是二元查找树的后序遍历结果

题目:输入一个整数数组,判断该数组是不是某二元查找树的后序遍历的结果。 如果是返回true,否则返回false。 例如输入5、7、6、9、11、10、8,由于这一整数序列是如下树的后序遍历结果: 8 / \ 6 10 / \ / \ 5 7 9…

iOS 从相机或相册获取图片并裁剪

/load user image - (void)UesrImageClicked { UIActionSheet *sheet; // 判断是否支持相机 if([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) { sheet [[UIActionSheet alloc] initWithTitle:"选择图像" delega…

【EWSA无线路由密码破解工具 中文特别版下载】含教程及字典(弱口令生日特殊符号等)

From: http://softbbs.zol.com.cn/1/32_8011.html Elcomsoft Wireless Security Auditor简称EWSA,是一款极为强悍的路由密码破解工具,支持CPU、GPU调用破解,速度比但CPU破解厉害很多,加上此次分享的EWSA字典下载,可以帮助大家更好…

[Redux/Mobx] 什么是单一数据源?

[Redux/Mobx] 什么是单一数据源? Redux的store.getState只能得到一个数据源,通常这是一个对象,通常这也是React App中的唯一Redux数据源,这个state对象中的属性值通过combineReducer整合了子Reducer返回的state的值 个人简介 …

VMware vSphere简介

vSphere是VMware推出的基于云的新一代数据中心虚拟化套件,提供了虚拟化基础架构、高可用性、集中管理、监控等一整套解决方案 现VMware vSphere 版本为5.0,组件如下: ESXi:物理服务器的虚拟化层,它将处理器、内存、存储…

RESTful API 设计指南 (转)

RESTful API 设计指南 2016-02-23 ImportNew(点击上方公号,可快速关注) 作者:阮一峰 链接:http://www.ruanyifeng.com/blog/2014/05/restful_api.html 网络应用程序,分为前端和后端两个部分。当前的发展趋势,就是前端设…

find:查找文件或目录

From: http://yhj1065.blog.163.com/blog/static/198002172007111810502948/ 功能说明: find指令可以在系统中查找你想要的任何文件或目录,你可以通过不同的参数来查找你想要的。该指令也是系统管理员最常用、最强大、最方便的查找文件和目录的指令。 基…

[Redux/Mobx] 为什么redux能做到局部渲染呢?

[Redux/Mobx] 为什么redux能做到局部渲染呢? reducer从根往最子级的reducer中间各层总是返回一个新的state,这样的话,就会引起组件的大范围的re-render,但是这是可避免的 合理的利用selector:在connect函数中的第一个…

[zz]Linux操作系统下三种配置环境变量的方法

个人的总结: 设置了/etc/profile 和 ~/.bashrc 之后,使用了source 命令,是可以echo添加的变量,但是用getenv读不出来,然后使用env命令也显示不出来,是因为没有export!! ---------------------------------------------…

poj 2976 基础01分数规划

这个题算是01分数规划的最基本的应用了, 01分数规划是给你n对数(a1, b1)....(an, bn), 然后让你选择一些数对, 使得sigma(ai)/sigma(bi)最大。这里附上讲解一份, http://blog.csdn.net/hhaile/article/details/8883652, 代码如下&…

删除(.svn)目录

windows 平台: Windows Registry Editor Version 5.00[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\DeleteSVN] "Delete SVN Folders"[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\DeleteSVN\command] "cmd.exe /c \"TITLE Remov…

[Redux/Mobx] 举例说明怎么在redux中定义action?

[Redux/Mobx] 举例说明怎么在redux中定义action? 利用actionCreator // 用户选择需要显示的subredditexport const SELECT_SUBREDDIT SELECT_SUBREDDITexport function selectSubreddit(subreddit) {return {type: SELECT_SUBREDDIT,subreddit} } 个人简介 我是…

模式——工程化实现及扩展(设计模式Java 版)

--模式——工程化实现及扩展(设计模式Java 版)王翔,孙逊著ISBN 978-7-121-15638-02012年4月出版定价:59.00元16开416页内 容 简 介设计模式不是一门适合空谈的技术,它来自于开发人员的工程实践又服务于工程实践。本书并…

异构计算

异构计算的英文名称是Heterogeneouscomputing,主要是指使用不同类型指令集和体系架构的计算单元组成系统的计算方式。常见的计算单元类别包括CPU、GPU等协处理器、DSP、ASIC、FPGA等。 有点看不懂,没关系,有位大神给了一个通俗的解释&#xf…

[Redux/Mobx] Redux怎样设置初始状态?

[Redux/Mobx] Redux怎样设置初始状态? redux包里面的createStore方法的第二个可选参数即可设置state的初始值在定义从根到子的reducer时,可以通过默认参数的方式定义state的初始值 个人简介 我是歌谣,欢迎和大家一起交流前后端知识。放弃很…

由Qt中qApp想到的(这是单例模式么???)

From: http://blog.csdn.net/qq575787460/article/details/7880972 学Qt时,发现只要包含头文件QApplication或者QCoreapplication,就用使用qApp,指向一个当前实例。 查看源码发现qApp是个宏: QApplication中:#define q…

根据网页地址获取页面内容

public JSONObject urlConn(String urlStr, String portStr){ String port getPort(portStr); urlStr (urlStr ! null)?(host port "/?" urlStr):(host port); int responseCode; try { url new URL(urlStr); conn (HttpURLConnection) url.openConnection…

bootstrap基础学习十篇

bootstrap字体图标(Glyphicons) a.什么是字体图标 字体图标是在 Web 项目中使用的图标字体。虽然,Glyphicons Halflings 需要商业许可,但是您可以通过基于项目的 Bootstrap 来免费使用这些图标。 b.bootstrap自带字体图标文件结构…

Python 用hashlib求中文字符串的MD5值

From: http://blog.csdn.net/haungrui/article/details/6959340 使用过hashlib库的朋友想必都遇到过以下的错误吧:“Unicode-objects must be encoded before hashing”,意思是在进行md5哈希运算前,需要对数据进行编码。而且在不…

[Redux/Mobx] Mobx的设计思想是什么

[Redux/Mobx] Mobx的设计思想是什么 依赖收集。在Mobx中,定义了observable的属性,mobx会自动跟踪这个属性值的变化;在用了mobx与react的桥接库mobx-react之后,这种跟踪关系会体现了视图上,JSX依赖的observable属性值变…