微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

MobX Observable 地图,存储可观察的地图

如何解决MobX Observable 地图,存储可观察的地图

这是在商店中存储多个可观察地图的正确方法吗。

我对使用 observables 和 MobX 比较陌生。我有一个存储任何维护域对象。例如“机构类型”。我没有为每个人使用地图,而是根据创建的枚举启动一个新地图:

maintenanceRegistry = new Map<string,any>();
selectedMaintenanceList = new Map<string,any>();

constructor() {
    makeAutoObservable(this);
    Object.values(MaintenanceTypeEnum).forEach((value) => {
        this.maintenanceRegistry.set(value,new Map<string,any>());
      });
}

然后在我的 onClick 上,我使用枚举作为键设置 selectedMaintenance 映射:

if (maintenanceRegistry.get(MaintenanceTypeEnum.InstitutionTypes).size <= 1) {
          loadMaintenance<InstitutionType>({apiPath: '/institutionTypes'});
        } else {
          setSelectedMaintenanceList(MaintenanceTypeEnum.StructureCategories);
        }

当我加载数据时,它会更新我的表和值,但是当数据已经被获取时,表数据不会被更新。

为了获取数据,我使用了计算函数

get maintenanceValues() {
        var mv: any[] = [];
        [...this.selectedMaintenanceList.values()].map((value: {value: any},i) => {
            mv.push(value);
            })
        return mv;
    }

然后我将没有 id 属性的数据映射为 guid 和不必要的:

const data = (maintenanceValues).map(value => {
            const { id,...noId } = value;
            return noId
        })

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。