ReactJS — useEffect() 和 useCallback()
原文英文，约400词，阅读约需2分钟。
📝
内容提要
useEffect() 是 React Hook，用于在函数组件中处理副作用，允许在当前渲染周期后执行函数。useCallback() 用于防止函数在每次渲染时重新创建，从而避免因依赖变化引发的无限循环。
🔎
延伸解读
理解 useEffect() 的执行时机
useEffect() 在每次组件渲染后执行，允许开发者处理副作用。重要的是，只有在依赖项变化时，useEffect() 才会重新运行，这意味着合理设置依赖数组可以有效控制副作用的执行频率，避免不必要的性能损耗。
使用 useCallback() 避免性能问题
useCallback() 的主要作用是防止函数在每次渲染时被重新创建，这对于优化性能至关重要。特别是在 useEffect() 中使用时，确保依赖项的稳定性可以避免引发无限循环，从而提升应用的响应速度和稳定性。
❓
Q&A
useEffect() 的主要功能是什么？
useEffect() 是一个 React Hook，用于在函数组件中处理副作用，允许在当前渲染周期后执行函数。
如何使用 useEffect() 来控制副作用的执行？
通过提供依赖数组作为第二个参数，useEffect() 仅在依赖项变化时重新运行。
useCallback() 是如何帮助避免无限循环的？
useCallback() 通过仅在依赖项变化时重新创建函数，防止内部函数在每次渲染时被重新创建，从而避免无限循环。
为什么函数在 JavaScript 中会被重新创建？
因为函数在 JavaScript 中是对象，内部函数会在外部函数运行时被重新创建。
useEffect() 和 useCallback() 有什么关系？
useCallback() 常与 useEffect() 一起使用，以防止在每次渲染时重新创建函数，从而避免影响 useEffect() 的依赖项。
使用 useEffect() 时需要注意什么？
需要注意如果内部函数是 useEffect() 的依赖项，可能导致无限循环，因此应使用 useCallback() 来管理函数的创建。
🏷️
