首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >如何修复 React 并发模式下 useEffect 重复执行问题

如何修复 React 并发模式下 useEffect 重复执行问题

作者头像
用户1839651
发布于 2026-09-24 08:53:49
发布于 2026-09-24 08:53:49
1270
举报
概述
在 React 18 的并发模式(Concurrent Mode)下,组件在开发环境使用 StrictMode 时,useEffect 会执行两次(mount -> unmount -> mount)。这是 React 18 为了提前暴露副作用清理不彻底而故意设计的。很多人写成这样:useEffect 里发送请求却没有取消,或者设置了定时器却没有 clear,导致重复请求、内存泄漏甚至 UI 闪烁

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

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

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档