reflex中Action.do...();的事件执行顺序

Channe 发布于2019-08-19 18:34 / 2858人阅读

摘要：场景文件里文件里顺序首先执行里的，再执行的如果在里执行，会输出空的，里的话也是同样效果。当执行完后，会更新但是不会执行第二遍，但是里的会输出新的。

场景

page文件里：

mixins:[Reflux.connect(Store)],
getInitialState: function () {
    Action.getInitData();
},

store文件里：

var Store = Reflux.createStore({

    listenables: [Action],

    data: {},

    onGetInitData : function(){
        var t = this;
        DB.Gate.getInitData().then(function (data) {
            
            t.updateComponent();
        });
    },

    updateComponent: function () {
        this.trigger(this.data);
    },
    
    getInitialState: function() {
        var t = this;
        this.data = {
            
        };
        return this.data;
    }
});

module.exports = Store;

顺序

首先执行store里的getInitialState，

再执行react的componentDidMount,如果在componentDidMount里执行console.log(this.state)，会输出空的state，render里console.log的话也是同样效果。

当DB.Gate.getInitData()执行完后，会更新state,但是componentDidMount不会执行第二遍，但是render里的console.log（）会输出新的state。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79725.html

理解设计模式

摘要：适配器模式将一个类的接口转换成客户希望的另外一个接口。代理模式为其他对象提供一种代理以控制对这个对象的访问。如果用来解决排序问题不符合开闭原则，添加策略需要修改代码用策略模式将策略抽象成接口，不同的策略实现该接口。简单工厂、工厂方法、抽象工厂简单工厂通过定义多个factory.produceXXX()方法，或者通过向factory.produce(type)传递type参数来生成...

saucxs 2019-08-16 15:09 评论0 收藏0
React 模式（中文版）

摘要：渲染属性这里有个组件，使用了一个渲染回调函数。这个状态被提升到了容器中，通过添加回调函数，回调中可以更新本地状态。这个是正常的受控的输入不允许变更，这使得这个模式成为可能。中文版：https://reactpatterns.cn/原版：https://reactpatterns.com 函数组件 (Function component) 函数组件是最简单的一种声明可复用组件的方法 ...

hzx 2019-08-23 14:55 评论0 收藏0
视频通信原理之NET的简单介绍

摘要：网络地址转换，其基本工作原理是当私有网主机与公共网逐渐通信的经过网关时，将包中的源或目的在私有和的公共之间进行转换。由于包的源已经被转换成的公共，响应的包将被发送到。对于通信双方而言，这种地址的转换过程是完全透明的。一：为什么需要NAT 由于IP地址随着互联网的发展而逐渐稀缺，难以使得每台主机都拥有一个公网上的IP地址，且并不是所有主机都需要一个公网上的地址，于是就有了NAT技术。 ...

zhaot 2019-06-21 16:18 评论0 收藏0