• redux


    1. 前言

    redux 基本思想是保证数据的单向流动,同时便于控制、使用、测试。

    2. 主干逻辑介绍(createStore)

    demo

    // 首先定义一个改变数据的plain函数,成为reducer
    function count (state, action) {
        var defaultState = {
            year: 2015,
          };
        state = state || defaultState;
        switch (action.type) {
            case 'add':
                return {
                    year: state.year + 1
                };
            case 'sub':
                return {
                    year: state.year - 1
                }
            default :
                return state;
        }
    }
    
    // store的创建
    var createStore = require('redux').createStore;
    var store = createStore(count);
    
    // store里面的数据发生改变时,触发的回调函数
    store.subscribe(function () {
          console.log('the year is: ', store.getState().year);
    });
    
    // action: 触发state改变的唯一方法(按照redux的设计思路)
    var action1 = { type: 'add' };
    var action2 = { type: 'add' };
    var action3 = { type: 'sub' };
    
    // 改变store里面的方法
    store.dispatch(action1); // 'the year is: 2016
    store.dispatch(action2); // 'the year is: 2017
    store.dispatch(action3); // 'the year is: 2016
    

    .

  • 相关阅读:
    python中的system函数与编码
    使用signal、setjmp、longjmp进行Linux/Android C异常处理
    ffffffuzzzzzzzzzzzzing
    EIGRP汇总
    JDK
    世界上最健康的生活方式
    Oracle 取两个表中数据的交集并集差异集合
    信息科技风险管理
    BPDU与PortFast
    大胆发言
  • 原文地址:https://www.cnblogs.com/crazycode2/p/7215463.html
Copyright © 2020-2023  润新知