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

编程问答 2022-05-11

问题描述

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

我对使用 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 (将#修改为@）

mobxmobxmobxmobxobservableobservablereactjsreactjsreactjsreactjs