zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    Eureka 服务的注册和发现
    springcloud 中文文档
    mysql 7 种 join
    通用 mapper
    docker 容器操作( 以 tomcat 为例 )
    linux下安装phpunit简单方法
    图片优化的几个小工具
    安装基准测试工具sysbench
    安装pcntl以实现php多进程
    安装memcache及php的memcached模块
  • 原文地址:https://www.cnblogs.com/chaoxiZ/p/9359040.html
Copyright © 2011-2022 走看看