React useEffect 依赖数组里放了个对象，为什么每次渲染都执行？-低调大师

React useEffect 依赖数组里放了个对象，为什么每次渲染都执行？

2026-11-11 3

React useEffect 中清理函数的执行时机与闭包陷阱

在 React 函数组件里用 useEffect 处理订阅、定时器或事件监听时，清理函数（cleanup）到底什么时候执行，经常是调试的焦点。很多人以为它只在组件卸载时运行，但开发模式下 StrictMode 的双调用、依赖项变化导致的重新执行，都会让清理函数在组件仍然挂载时就被触发。如果清理逻辑里引用了闭包中的旧状态，或者异步回调没有正确取消，就会出现重复订阅、请求竞态、甚至内存泄漏。这篇文章从一次真实的列表页轮询需求出发，梳理 useEffect 清理函数的执行顺序，解释闭包捕获旧值的原因，并给出用 r...

2026-11-11

1

做移动端 H5 或者带吸顶导航的页面时，经常需要在滚动过程中判断用户是向上还是向下滑动，再决定要不要隐藏顶部栏。多数人会直接写一个 useEffect 加上 window.addEventListener('scroll', ...)，结果发现回调触发得极其频繁，页面稍微一滑就打印几十次，状态更新把组件重渲染推到爆炸，动画卡得厉害。更隐蔽的问题是闭包导致上一次的滚动位置拿不到最新值，判断方向时永远在跟初始值比较。这篇文章从事件触发机制和闭包陷阱讲起，先解释 scroll 为什么不能直接在渲染函数里随便监听，...

2026-11-11

2

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。