firebase 显示大量无法解释的读取的原因可能是什么？

Question

我正在开发一个从 firestore 读取数据的 chrome 扩展程序，在过去的几天里，我会以最多 50 次读取完成一天的工作，今天由于某种原因它显示了高达 34K 的读取量，我该怎么做修复这个错误？

这是我的代码

useEffect(() => {
    const getNotes = () => {
      db.collection("Users")
        .doc(user.email)
        .collection("Notes")
        .get()
        .then((snapshot) => {
          const loadedNotes = snapshot.docs.map((docs) => {
            return {
              note: docs.data().note,
              id: docs.id,
            };
          });
          setNotes(Object.values(loadedNotes) ?? []);
        });
    };
    getNotes();
  });

此函数在 3 个不同的组件中编写了 3 次，用于笔记、待办事项和即将发生的事件。待办事项有一个额外的文档字段，即完成状态，即将发生的事件有一个事件日期字段。

我的项目中也有 firebase 身份验证，我不知道这是否重要。

Answer 1

你的 useEffect 依赖项在哪里？正如所写，这将在组件的每次渲染上运行......这是你想要的吗？

Answer 2

如果您在集合引用上使用get()，则每次请求时都会加载该集合中的每个文档，这对读取来说是非常过度的。您应该在需要时使用limit(n) 和分页，如果可能的话：在文档上使用source:cache。

理想情况下，您应该使用某种 redux/redis 本地存储，在应用加载时添加一次数据并从中读取数据，然后再随机抓取到 Firebase 集合

• https://firebase.google.com/docs/reference/android/com/google/firebase/firestore/Source
• https://firebase.google.com/docs/firestore/query-data/order-limit-data