如何在 firestore 中完全删除包含数据的文档

How to delete a document completely with data inside it in firestore

我正在使用 reactjs 我想删除红框中显示的特定文档。该文档可能包含一些数据。我想完全删除其中包含数据的文档。我用下面的代码删除了文档

    db.collection(currentUser.uid).doc(documentName).delete().then(function() {
    console.log("Document successfully deleted!");
}).catch(function(error) {
    console.error("Error removing document: ", error);
});

这给了我不一致的结果。如果我点击删除按钮,它不会删除文档。当我刷新页面并再次单击该按钮时,它将从 firebase 中删除它。当我在没有刷新的情况下单击删除按钮时,它会为文档名称及其数据提供红色和绿色动画,就像它正在删除它并再次更新它一样,如图所示。

如果有人能给我一个解决方案就太好了

Firebase SDK 正在执行它的工作,但我的实现出现了一些问题。