action creator

是一个函数,格式如下:

var actionCreator = function() {
// 构建一个 action 并返回它
return {
type: 'AN_ACTION'
}
}

action

是一个拥有 type 属性的对象,用来描述发生了什么,然后按 type 决定如何处理 action。

举一个例子,获取数据是一个 action,一个点击是一个 action,一个 input 变化也是一个 action 等等。

下面是一些 action 的示例:

{ type: 'ADD_TODO', text: 'Go to swimming pool' }
{ type: 'TOGGLE_TODO', index: 1 }
{ type: 'SET_VISIBILITY_FILTER', filter: 'SHOW_ALL' }

reducer

为了把 action 和 state 串起来,开发一些函数,这就是 reducer。

Reducer 函数只是一个纯函数,它接收应用程序的当前状态以及发生的 action,然后返回修改后的新状态(或者有人称之为归并后的状态)。

reducer 只是一个接收 state 和 action,并返回新的 state 的函数。

对于大的应用来说,不大可能仅仅只写一个这样的函数,所以我们编写很多小函数来分别管理 state 的一部分:

这里有个常见模式:在 reducer 里用 switch 来响应对应的 action 。用 switch 的时候, **永远** 不要忘记放个 “default” 来返回 “state”,

参考:https://github.com/react-guide/redux-tutorial-cn

最新文章

  1. OA(权限管理初步模块)
  2. 设置Beyond Compare 为 Git 默认的比较工具
  3. Linux中Screen命令使用方法
  4. Direct2D开发:绘制网格
  5. Topk引发的一些简单的思考
  6. java线程例子登山
  7. Centos7 下安装Docke
  8. java--GUI(图形用户接口)
  9. c#调用com组件,程序 发生意外<hr=0x80020009>
  10. 一款DMA性能优化记录:异步传输和指定实时信号做async IO
  11. TensorFlow实战Google深度学习框架8-9章学习笔记
  12. Codeforces 1090A - Company Merging - [签到水题][2018-2019 Russia Open High School Programming Contest Problem A]
  13. python中字符串方法总结
  14. JSP中JavaScript校验用户名等重复
  15. SQL 必知必会·笔记<12>组合查询
  16. Python-csv模块读写csv文件
  17. 基于jQuery Tooltips悬停提示效果
  18. 【HTML5】实例练习
  19. DataType 数据类型
  20. Cesium随笔(5)CZML介绍(介个文章是转的嘿嘿)【转】

热门文章

  1. Netty+WebSocket简单实现网页聊天
  2. ios开发网络学习:一:NSURLConnection发送GET,POST请求
  3. [Ramda] Convert a QueryString to an Object using Function Composition in Ramda
  4. Oracle成长点点滴滴(2)— 权限管理
  5. [Ramda] Refactor a Promise Chain to Function Composition using Ramda
  6. JS前端图形化插件之利器Gojs组件(php中文网)
  7. bat文件从@含义起
  8. Erlang入门
  9. 通过引入SiteMesh的JSP标签库,解决Freemarker与SiteMesh整合时,自定义SiteMesh标签的问题
  10. T-SQL部分函数(转)