使用 typescript map 数组类型更新 Firestore 文档

Question

我在 Typescript 反应示例中创建了一个 map 数据类型：

let employees = new Map<string, string>();
employees.set("name", "john");

这就是我为 firestore 添加新值的方式

const ref = firebase.firestore().collection("initialQuestions")
ref.doc('abc').set({ ??? })

上述方法仅适用于单个值，如何立即将整个 map 推送到 firestore？

Answer 1

使用 JS web SDK，纯 Javascript 对象是唯一接受的数据类型。 这显示在 SDK 参考和通过直接传递不是纯 JS object 的任何其他自定义 object 会得到的错误消息：

“错误 [FirebaseError]：Function DocumentReference.set() 使用无效数据调用。 数据必须是 object，但它是：自定义 Map object（在文档 users/testUser1 中找到）”

Firebase SDK 为此目的提供的东西是FirestoreDataCoverter接口。 此接口允许您创建从任何数据 Class 到纯 JS object 的自定义转换。我创建并测试了以下代码以将 Map 的字符串转换为对象。

const firestoreDB = firebase.firestore();

let myMap = new Map<String, String>();
myMap.set("firstName", "Foo");
myMap.set("lastName", "Bar");

var mapConverter = {
  toFirestore: function(mapObj: Map<String, String>) { //toFirestore builds an Object which is returned and uploaded to Firestore
      return {
          firstName: mapObj.get("firstName"),
          lastName: mapObj.get("lastName"),
          };
  },
  fromFirestore: function(snapshot, options){ //fromFirestore is used to convert Objects fetched from Firestore to your custom Types
      const data = snapshot.data(options);
      return new Map<String, String>(Object.entries(data));
  }
};

firestoreDB.collection("users").doc("testUser1").withConverter(mapConverter).set(myMap) //using the converter, myMap can be passed directly
.then(() => {
  console.log("Document successfully written!");
})
.catch((error) => {
  console.error("Error writing document: ", error);
});

对于您的特定用例， withConverter(mapConverter) toFirestore() function将使您的完整Map 8828282995402888和返回a JS Object8888888888888888888888888888888888. object 我传递给set()方法，SDK 没有抛出任何错误。

比这更简单的方法是使用Object.fromEntries(myMap)内置 function。这个 function 只是将 map 中的所有内容转换为 Object。它适用于我的测试，但它不像FirestoreDataConverter那样提供太多自定义

const firestoreDB = firebase.firestore();

let myMap = new Map<String, String>();
myMap.set("firstName", "Foo");
myMap.set("lastName", "Bars");

firestoreDB.collection("users").doc("testUser1").set(Object.fromEntries(myMap))
.then(() => {
  console.log("Document successfully written!");
})
.catch((error) => {
  console.error("Error writing document: ", error);
});