從firebase刪除數據后如何重新加載頁面？

Question

在下面的代碼中刪除數據后，我希望頁面顯示更改而無需手動刷新。 我確信有一百萬種方法可以做到這一點，但我正在尋找最佳實踐。 有小費嗎？ （下面的 function 位於應用程序組件中，我在按鈕上使用 onClick 調用 function）

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

Answer 1

無論您在何處讀取數據，都可以使用 onSnapshot 偵聽器。

這將在添加或刪除項目后立即更新。 您無需重新加載頁面即可查看最新數據。