React Native中执行删除操作后如何自动重载页面？

你只需要在删除成功的then回调、弹窗提示之后，调用浏览器原生的location.reload()方法即可实现页面自动重载。

修改后的完整代码如下：

const canceller = (item) => {
  firebase.firestore()
  .collection("ServiceProvider")
  .doc(item)
  .delete()
  .then(()=>{
    alert(`你已成功删除该用户资料`);
    // 执行页面重载
    location.reload();
  })
  // 建议补充错误捕获逻辑，避免删除异常时无提示
  .catch((err) => {
    console.error("删除失败: ", err);
    alert("删除操作失败，请稍后再试");
  })
}

补充说明：

• 默认location.reload()会从浏览器缓存加载页面，如果你需要强制从服务端拉取最新的所有资源，可以改为location.reload(true)
• 新增的错误捕获逻辑可以在网络异常、权限不足等原因导致删除失败时及时给用户反馈

内容的提问来源于stack exchange，提问作者laa