React中setTimeout读取operationStatus异常：无console.log则if条件失效

这是**闭包捕获过时状态（stale state）**导致的问题：

• 当handleEmergencyCall执行时，setTimeout的回调函数会捕获当前作用域下的operationStatus变量。React的状态更新是异步的，且会触发组件重新渲染，但这个回调函数绑定的是最初调用handleEmergencyCall时的operationStatus值，并非15秒后的最新状态。
• 加console.log(operationStatus)后生效是开发环境的特殊副作用：React在开发环境下会将状态包装成Proxy对象，打印操作会强制读取状态的最新引用，让后续if判断能拿到正确值，但这是不可靠的调试行为，不是解决问题的根本方法。

要获取15秒后的最新状态，有两种可靠实现方式：

方式1：用useRef保存状态的最新引用 #

在AuthContext中添加useRef同步状态，确保回调能拿到最新值：

// 在AuthContext内部
const operationStatusRef = useRef();

useEffect(() => {
  // 状态更新时同步到ref
  operationStatusRef.current = operationStatus;
}, [operationStatus]);

// 修改handleEmergencyCall中的判断逻辑
if (operationStatusRef.current === "calling") {
  removeOperationStatusHandler();
  console.log("time out");
  updateEmergencyCallStatus({ reason: "time out", operationId: opId });
}

方式2：在Context中新增状态判断方法 #

直接在AuthContext里封装判断逻辑，利用Context的实时性获取最新状态：

// 在AuthContext中新增方法
const isCallingStatus = () => {
  return operationStatus === "calling";
};

// 在handleEmergencyCall中调用
if (isCallingStatus()) {
  // 原有逻辑不变
}

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