从firebase删除数据后如何重新加载页面？

Question

在下面的代码中删除数据后，我希望页面显示更改而无需手动刷新。 我确信有一百万种方法可以做到这一点，但我正在寻找最佳实践。 有小费吗？ （下面的 function 位于应用程序组件中，我在按钮上使用 onClick 调用 function）

  const deleteBooklet = async (id) => {
    const bookletDoc = doc(db, "Booklet", id);
    await deleteDoc(bookletDoc);
  };

Answer 1

无论您在何处读取数据，都可以使用 onSnapshot 侦听器。

这将在添加或删除项目后立即更新。 您无需重新加载页面即可查看最新数据。