在 React 中，为什么 useEffect 的依赖数组为空（[]）时，其回调函数只在组件挂载时执行一次，而不会在后续更新中触发？

在 React 中，为什么 useEffect 的依赖数组为空（[]）时，其回调函数只在组件挂载时执行一次，而不会在后续更新中触发？

答：
当 useEffect 的依赖数组为空（[]）时，React 会认为该 effect 不依赖于任何组件内的状态或 props。因此，React 仅在组件首次挂载（mount）时执行该 effect，并在组件卸载（unmount）时执行其返回的清理函数（如果有的话）。之后的任何重新渲染都不会再次触发该 effect，因为 React 会对比依赖数组中的值是否发生变化，而空数组没有可比较的项，所以被视为“无变化”。

解析：
useEffect 的工作机制是基于依赖数组进行浅比较的。若依赖数组为 []，React 在首次渲染后记录该数组为“空”，在后续渲染中再次比较，发现仍是空数组（即没有变化），因此跳过 effect 的执行。这种行为常用于模拟 class 组件中的 componentDidMount 生命周期。

注意事项：

• 若 effect 内部使用了组件作用域中的变量（如 state、props 或函数），但未将其加入依赖数组，可能导致闭包问题（即使用的是初始值而非最新值）。
• 若确实只需要在挂载时执行一次，且不依赖任何响应式值，则使用空依赖数组是正确的做法。
• 使用 ESLint 的 react-hooks/exhaustive-deps 规则可以帮助避免遗漏依赖。