mobx动态添加Observable对象

背景:
     app后台增加了合约配置项,需要对前台可以显示的合约条目进行动态配置,这就需要mobx动态的添加observable对象。
    经过查阅文档,发现extendObservable方法,可以增添Observable对象。

官方案例:

var Person = function(firstName, lastName) {
    // initialize observable properties on a new instance
    extendObservable(this, {
        firstName: firstName,
        lastName: lastName,
        get fullName() {
            return this.firstName + "  " + this.lastName
        },
        setFirstName(firstName) {
            this.firstName = firstName
        }
    }, {
        setFirstName: action
    });
}

var matthew = new Person("Matthew", "Henry");

// add an observable property to an already observable object
extendObservable(matthew, {
    age: 353
});

那么根据官方案例我们来修改代码:

      if(inMultiple !== null){
            let observableObject = {};
            const futInObj = JSON.parse(inMultiple);
            futInObj.map((obj)=>{
                let actualLeverKey = Enum.productTradeTypeMappingKey[obj.commodityNo];
                _.set(observableObject, actualLeverKey, obj.initialAmount);
            });
            extendObservable(this,observableObject);
            return;
        }

即可根据inMultiple中的配置去动态的添加observable对象啦。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,084评论 19 139
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,887评论 1 32
  • 在一条熟悉的林荫小径上,天空开满摇曳的花朵。 在夏季的暖风中,长发及腰的女孩飘然若仙。 想明天很近又很...
    西厢月阅读 2,571评论 3 3
  • 又到了暑期实习的高峰期, 有不少大二大三的学生频繁私信阿熊学长, 我的实习经历那么少,要怎么写简历呢? 写简历,无...
    熊猫校招实习阅读 4,206评论 0 2
  • 老姐 看到这个词心里莫名的感动涌现着。 或许只是我一个人在这里抒情吧,但我还是笑着书写下关于我和老姐的爱恨情仇...
    她与疾风皆过客阅读 4,127评论 10 3

友情链接更多精彩内容