reactjs Firestore:如何将数据从包含Map数组的文档Map到数组?

njthzxwz  于 2023-03-22  发布在  React
关注(0)|答案(1)|浏览(156)

我是自学成才,非常新,所以请原谅任何愚蠢的问题。
我尝试使用getDoc获取存储的文档,将该数据Map到数组,并将该数组用作表中的数据。我相信我正确地将数据存储为包含对象(dataExcel)的文档,该对象包含Firestore中的Map数组。

const submitGrades = async () => {
    await setDoc(doc(db, 'EventData', 'Game 1' + ' PlayData'), {dataExcel})
    await setDoc(doc(db, "EventData", 'Game 1' + ' PlayerData'), {playerData})
  }

我知道这对于复杂的查询并不理想,但它对我来说很有效,因为我无论如何都可以拉取整个文档。然后使用JavaScript以我想要的方式对数据进行排序。我可以使用以下命令成功获取文档:

const Fetch = async () => {
    const dataRef = doc(db, 'EventData', 'Game 1 PlayData');

    const data = await getDoc(dataRef);
    console.log(data);
  }

,但是我不知道如何取出Map数组,将它们设置为状态,并使它们可用作表中的数据。
My current data structure
我需要它看起来像这样,一旦传递到一个表:enter image description here

zzwlnbp8

zzwlnbp81#

好了,如果你执行data.data(),你的文档将被转换成一个javascript对象,包含你在firestore中定义的所有字段,然后你可以使用这个javascript对象来填充你的表。

相关问题