React-Native调用Firestore更新函数偶发不生效，需两次点击按钮才生效

• 类组件方法未绑定this导致调用异常
  你当前使用的是类组件写法，如果markAsCompleted没有提前绑定this，调用时会出现this指向异常，导致方法执行失败。修复可以在构造函数中绑定this，或者将方法改为箭头函数写法：

// 方法1：构造函数绑定
constructor(props) {
  super(props);
  this.markAsCompleted = this.markAsCompleted.bind(this);
}

// 方法2：直接用箭头函数定义方法
markAsCompleted = async (id, isCompleted) => {
  // 原有逻辑
}

• 缺少异常捕获，无法感知更新失败
  你的现有代码只处理了更新成功的逻辑，没有捕获update调用抛出的异常，很多时候第一次调用已经报错但你没有感知，才会出现「不生效」的错觉。最常见的异常原因是对应id的文档不存在，Firestore的update()方法仅支持更新已存在的文档，文档不存在时会直接抛出错误。
  修复方案：添加try/catch捕获异常，同时可以将update替换为支持增量写入的set方法，文档不存在时自动创建、存在时合并更新：

const markAsCompleted = async (id, isCompleted) => {
  console.log(id);
  try {
    await todoRef
      .doc(id)
      .set(
        {
          isComplete: isCompleted,
        },
        { merge: true }
      );
    console.log("mark As Completed Updated!");
  } catch (err) {
    // 此处可以打印错误排查问题
    console.error("更新失败：", err);
  }
};

• 字段命名不一致导致的假失败
  检查你业务中读取待办完成状态用的字段名，是否和更新的isComplete完全匹配，如果渲染用的是isCompleted字段，会出现更新已经成功但UI没有变化的情况，看起来就像更新没生效。
• 本地状态未同步更新导致的假失败
  Firestore默认开启离线缓存，如果你没有开启实时快照监听，更新成功后没有主动拉取最新数据更新本地状态，也会导致UI没有刷新，误以为更新失败。可以给对应集合添加onSnapshot实时监听，数据变更时自动更新本地状态。
• 引用初始化异常
  确认todoRef是在Firebase初始化完成之后才创建的，避免未初始化完成的引用调用更新方法静默失败。

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