前言useEffect是 React Hooks 体系中最重要也最容易被误解的钩子之一。作为处理副作用的核心工具，它承载着数据获取、订阅管理、DOM操作等关键职责。然而，由于其异步执行特性和依赖数组的行为，初学者和中级开发者经常在依赖陷阱、清理函数、并发模式等方面遇到问题。本文将深入剖析useEffect的执行机制、工作原理和常见陷阱，通过大量实战代码示例帮助读者彻底掌握这一核心 Hook。一、useEffect 基础执行机制1.1 什么是副作用（Side Effect）在 React 的函数组件中，纯函数是指给定相同的输入，始终返回相同输出的函数，不产生任何外部影响。而副作用则是那些影响组件外部状态的操作：类型示例说明数据获取fet