React 18 并发渲染下，为什么 useEffect 会执行两次？
原创
React 18 并发渲染下，为什么 useEffect 会执行两次？
用户1839651
发布于 2026-09-26 09:28:51
发布于 2026-09-26 09:28:51
概述
在 React 18 的 StrictMode 下，开发环境里组件挂载时 useEffect 会执行两次。这不是 bug，而是 React 为了帮助开发者提前发现副作用清理问题而刻意为之的行为。很多人在接入 React 18 或者升级现有项目时，会突然看到控制台里接口请求翻倍、定时器被创建两次、WebSocket 连接重复建立，甚至出现数据竞争。这个现象在开发环境最明显，生产环境不会重复执行。背后
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号