javascript - 如何使用来自 Firestore 的数据在 React 中创建一组唯一字段值？

Question

我正在从 Firestore 中检索数据，然后使用以下代码将其显示在列表中:

{ docs && docs.map(doc => (
     <ul key={doc.id}>               
        <li>
             <button>
                  <Link to={`/tag/${doc.myTag}`}>
                      {doc.myTag}
                  </Link>
             </button>
        </li>
     </ul>
))}

这会输出每个 标签。起初我想要从 Firestore 获取数据数组并将其设置到我自己的新数组中。之后，我想删除重复项并只显示唯一标签。执行此操作的正确方法是什么？

我正在考虑创建一个新数组，然后使用 filter + indexOf 或类似的东西，但我需要先创建一个包含所有标签的数组，这就是我遇到问题的地方。

非常感谢任何帮助。

Answer 1

如果我正确地回答了您的问题，以下内容应该会有所帮助:

从 Firestore 获取数据到数组。首先，您必须遍历 Firestore 的一个对象，然后将它们保存到一个新数组中。

例如:

 documentName.firestore().collection("collectionName").doc(yourDoc).get().then(queryResult =>{

      //Here create new array and push your data to array after making it unique 
      //using set or any other function

  });

queryResult 是一个 DocumentSnapshot :它“包含从您的 Firestore 数据库中的文档中读取的数据。可以使用 .data() 或 .get() 提取数据 获取特定字段。”