useEffect 依赖项相关

useEffect(() => { /<em> 代码 </em>/ }, []);（空依赖数组）

• 执行时机：仅在组件挂载时执行一次。

• 适用场景：当你只需要在组件加载时执行某个操作（例如数据加载、事件监听等），并且不希望在后续的更新中重复执行时，使用空依赖数组。

• 原因：空依赖数组表示没有“依赖项”，因此不会因任何变化而重新执行 useEffect。

useEffect(() => { /<em> 代码 </em>/ });（没有依赖数组）

• 执行时机：在每次组件更新时执行。

• 适用场景：当你希望某个副作用在每次组件更新时都执行（例如，某个依赖状态或 props 变化时），使用没有依赖项的 useEffect。

• 原因：没有依赖数组意味着 useEffect 会在每次渲染时被调用。

useEffect(() => { /<em> 代码 </em>/ }, [dependency]);（依赖数组中有项）

• 执行时机：当依赖项发生变化时执行。

• 适用场景：当你希望某个副作用只在特定的依赖项（例如状态、props）变化时执行，使用依赖数组中的项。

• 原因：当依赖项变化时，useEffect 会重新执行。