Question

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

我对使用 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
        })

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

0 个答案: