React学习（2）——action，reducer

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