码迷,mamicode.com
首页 > 其他好文 > 详细

React学习(2)——action,reducer

时间:2018-07-24 19:21:00      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:参考   编写   https   响应   ogg   todo   属性   add   span   

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

React学习(2)——action,reducer

标签:参考   编写   https   响应   ogg   todo   属性   add   span   

原文地址:https://www.cnblogs.com/xuezhang/p/9359040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!