React 18 useEffect 清理函数的执行时机：一次真实项目中的竞态排查

用户12771345

发布于 2026-11-09 10:44:04

100

概述

在做一个带搜索建议的 React 18 项目时，遇到一个偶发问题：快速输入时，较早发出的请求结果偶尔覆盖了较新的结果，导致下拉列表展示旧数据。排查后发现，虽然组件卸载时 useEffect 的清理函数会取消请求，但在依赖变化、组件尚未卸载时，清理函数同样会执行，而团队里有人误以为它只在卸载时触发。这类问题在搜索联想、详情页切换、轮询等场景很常见，根源是对 useEffect 清理函数执行时机和闭包

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

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

react

React 18 useEffect 清理函数的执行时机：一次真实项目中的竞态排查

React 18 useEffect 清理函数的执行时机：一次真实项目中的竞态排查

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐