异步状态冻结的本质是组件销毁后回调仍尝试更新已不存在的状态，需通过状态校验（如 useref 标记挂载、ismounted 判断）、请求取消（abortcontroller）及状态管理库的防护机制（rtk query 自动取消、pinia 配合卸载钩子）三重保障。
异步过程中的状态冻结，本质是组件或对象在异步操作进行中被销毁（如 React 组件卸载、Vue 实例解绑、页面跳转），但回调仍试图更新已不存在的状态，导致报错或内存泄漏。关键不是“避免异步”，而是确保状态更新前校验其有效性。
React 中用 useRef + useEffect 清理机制防状态更新
函数组件没有实例生命周期，需手动标记“是否还挂载”。useRef 创建的 ref 不会触发重渲染，适合存状态标识：
- 在 useEffect 中创建一个 mounted = useRef(true)，并在清理函数里设为 false
- 异步回调（如 fetch.then）执行前检查 if (!mounted.current) return
- 避免使用 useState 的过期闭包问题——状态更新必须基于最新值或显式依赖
Vue 3 中利用 onBeforeUnmount 和 isMounted
组合式 API 提供了明确的卸载钩子和响应式挂载状态：
- 直接使用 onBeforeUnmount(() => { isMounted.value = false }) 配合 ref 控制更新开关
- 或更简洁地用 const { isMounted } = useTemplateRef()（需 @vueuse/core）获取当前挂载状态
- 在 await 后加 if (!isMounted.value) return，尤其在 watch + async 函数组合场景下很关键
通用策略：取消请求 + 状态守卫双保险
仅靠“不更新”不够健壮；对长时间运行的异步任务（如轮询、上传、WebSocket），应主动中断：
- Fetch 场景：用 AbortController 在组件卸载时调用
abort()，使 Promise 自动 reject - Axios 场景：传入 cancelToken 或使用 v0.22+ 的 AbortSignal 支持
- 自定义异步逻辑（如 setTimeout、Promise.race）：保存 timer ID 或 promise 引用，在清理时 clearTimeout / reject pending promise
状态管理库中的处理建议（Redux Toolkit / Pinia）
全局状态不等于免于冻结风险——异步 action 仍可能在 store 更新后，组件已消失：
- Pina：action 内部可监听 $state.$patch 前检查组件是否存活（配合 onBeforeUnmount）
- RTK Query：内置自动取消未完成请求，且 skip: true 或 selectFromResult 可按需跳过无效渲染
- 手动 dispatch 后的副作用（如 notification）务必包裹 if (isMounted()) {...}，不要假设 store 更新一定对应 UI 存在
