December 2017
Intermediate to advanced
329 pages
6h 9m
Chinese
Content preview from React学习手册
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
Redux
｜
187
示例
8-4
：
ADD_COLOR Action
{
type: "ADD_COLOR",
color: "#FFFFFF",
title: "Bright White",
rating: 0,
id: "b5685c39-3bdc-4727-9188-6c9a33df7f52",
timestamp: "Sat Mar 12 2016 16:12:09 GMT-0800 (PST)"
}
这个
Action
告诉
Redux
添加一个名为
Bright White
的新颜色到
State
中。这个新颜色的所
有信息都已经包含到了
Action
中。
Action
是小而美的数据包，能够方便地告知
Redux
如
何修改
State
。它们还包括任何与
Redux
创建变更有关的数据。
Reducer
我们整个
State
树都是存储在单个对象中的。一个潜在的问题可能是它模块化的程度不
够，比如可能用户打算用模块化的方式描述对象。
Redux
是通过函数进行模块化的。
函数被用来更新部分
State
树中的内容。这些函数被称为
Reducer
。
注
4
Reducer
就是一类函数，将当前的
State
和
Action
作为参数传入其中，通过这些参数创
建和返回一个新的
State
。
Reducer
主要是用来更新
State
树的特定部分的，其中既包括
叶子节点，也包括分支。然后我们可以将多个
Reducer
合成一个
Reducer
，来处理应用
程序中任意给定
Action
的所有
State
更新。
颜色管理器程序在单个树对象中存储了所有 ...