用户1839651
如何修复 React 并发模式下 useEffect 重复执行问题
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户1839651
社区首页
>
专栏
>
如何修复 React 并发模式下 useEffect 重复执行问题
如何修复 React 并发模式下 useEffect 重复执行问题
用户1839651
关注
发布于 2026-09-24 08:53:49
发布于 2026-09-24 08:53:49
127
0
举报
概述
在 React 18 的并发模式(Concurrent Mode)下,组件在开发环境使用 StrictMode 时,useEffect 会执行两次(mount -> unmount -> mount)。这是 React 18 为了提前暴露副作用清理不彻底而故意设计的。很多人写成这样:useEffect 里发送请求却没有取消,或者设置了定时器却没有 clear,导致重复请求、内存泄漏甚至 UI 闪烁
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
react
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档