Firebase .where() .limit() .orderBy() 的新命名空间

Question

为了限制对 FirestoreDB 的获取，我尝试使用最近的命名空间来 getDocs()。

const firebaseColRef = collection(db, "collection")

这就是我尝试过的：

const firebaseColRef = collection(db, "collection").limit(x)

这：

const getDB = async () => {
    const data = await getDocs(firebaseColRef).limit(x);
    setFilmDB(data.docs.map((doc) => ({ ...doc.data(), id: doc.id })));
  }

在这两种情况下，控制台都会提示：

Uncaught (in promise) TypeError: firebase_firestore__WEBPACK_IMPORTED_MODULE_1__.collection(...).limit is not a function

我浏览了几个文档、教程和文章，但无法找到除上述名称空间之外的任何其他名称空间。并尝试任何可能的 .limit(x) 附加以获得除控制台提示符之外的任何其他结果。什么都没起作用。

我缺少什么？

有人能指出我正确的方向吗？

将不胜感激。 谢谢，安东尼

Answer 1

几乎每个 Firebase 方法都是 Modular SDK 中的顶级函数，可以直接从相关 SDK 导入。尝试重构代码，如下所示。

import { collection, getDocs, query, where, limit, orderBy } from "firebase/firestore";

const getDB = async () => {
  const colRef = collection(db, "collection");

  // Keep adding query clauses in query()
  // like chaining them in name-spaced V8 version
  const q = query(colRef, where("field", "==", "value"), limit(1));

  const data = await getDocs(q);
  console.log(data.docs.map((doc) => ({ ...doc.data(), id: doc.id })))
}

同一查询的名称空间版本供参考：

const q = db.collection("col").where("field", "==", "value").limit(1);

您可以在 文档。

另请查看：

• 使用 Cloud Firestore 订购和限制数据 （请参阅文档中的“模块化”选项卡）
• 在 Cloud Firestore 中执行简单和复合查询
• Firestore：在 Web v9 中添加新数据的模式是什么？
• 使用 Modular SDK v9 的 Firestore 条件 where 子句