用 AbortController 取消 fetch 请求时，组件卸载后的状态更新怎么处理

用户12771345

发布于 2026-09-24 08:57:14

1020

概述

在单页应用里，用户快速切换路由或反复触发搜索时，经常会出现一个组件已经卸载，但之前发出的 fetch 请求才刚返回，然后回调里执行 setState 导致 React 报“Can't perform a React state update on an unmounted component”警告。这个问题在搜索框实时联想、Tab 切换、详情页快速跳转等场景里很常见。很多人第一反应是用一个布尔变量

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

前端工程化

用 AbortController 取消 fetch 请求时，组件卸载后的状态更新怎么处理

用 AbortController 取消 fetch 请求时，组件卸载后的状态更新怎么处理

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐