在 React 中如何正确取消 useEffect 里的异步请求避免内存泄漏与状态更新警告
原创
在 React 中如何正确取消 useEffect 里的异步请求避免内存泄漏与状态更新警告
超哥前端记录
发布于 2026-10-10 08:38:22
发布于 2026-10-10 08:38:22
概述
在开发带有数据加载功能的 React 组件时，经常会在 useEffect 中发起 fetch 或 axios 请求，然后调用 setState 更新组件。如果请求还没返回组件就卸载了，React 会给出 "Can't perform a React state update on an unmounted component" 的警告，虽然不影响功能但会污染控制台，而且在快速切换路由或频繁重渲染
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号