reactjs - 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身份验证，我不知道这是否重要。

标签： reactjsgoogle-cloud-firestoreasync-await

Answer 1

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