如何从 Firestore 读取地图

Question

我正在尝试将数据从 Firestore 读取到我的 TypeScript 项目中。

在 Firestore 我在 mapName 字段下有一张地图

我在使用JSON.stringify(change.after.data())时得到的以下数据结构

const test: Test = {
  mapName: {
    "v3mioXc3VoFgfj0WEq": {
      isNormalSubscription: false,
    },
    "as12oXc3VoFas12WEq": {
      isNormalSubscription: true,
    },
  },
};

interface Test {
  mapName: Map<string, any>
}

我遇到了以下错误：

Type '{ v3mioXc3VoFgfj0WEq: { isNormalSubscription: false; }; }' is not assignable to type 'Map<string, any>'.
  Object literal may only specify known properties, and '"v3mioXc3VoFgfj0WEq"' does not exist in type 'Map<string, any>'.

由于 v3mioXc3VoFgfj0WEq 和 as12oXc3VoFas12WEq 是我事先不知道的 Firestore 密钥，我应该如何更改我的测试界面以正确管理数据？

Answer 1

Firestore 不接受或返回 ES6 Map 类型的对象。它只适用于普通的旧 JavaScript 对象。当您在DocumentSnapshot 上调用data() 时，您会得到这些普通对象之一。对象的属性与文档中的字段匹配。

const obj = snapshot.data()   // plain object
const mapName = obj.mapName   // another plain object
const field1 = mapName.v3mioXc3VoFgfj0WEq
const field2 = mapName.as12oXc3VoFas12WEq

如果您更愿意使用 Map 对象，则必须将普通对象转换为新 Map。