用AbortController取消fetch请求，避免组件卸载后更新状态
原创
用AbortController取消fetch请求，避免组件卸载后更新状态
用户12771345
发布于 2026-10-08 10:51:06
发布于 2026-10-08 10:51:06
概述
在Vue或React组件里发异步请求，用户快速切换路由或者关闭弹窗时，组件已经卸载了，但请求还在飞。等响应回来之后，回调里执行setState或者修改ref，React会警告“Can't perform a React state update on an unmounted component”，Vue虽然不报警告，但逻辑上你依然在操作一个不该再被更新的状态。这个问题在搜索框联想、tab切换、弹
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号