useMemo 和 useCallback 钩子之间有什么区别？
原文英文，约2000词，阅读约需7分钟。
📝
内容提要
React提供了各种钩子，使在函数组件中管理应用程序状态和其他React功能更容易。钩子为函数组件提供了类组件的功能，而且与类组件相比，它们不需要很多代码。钩子还通过提供一些便利功能来简化您的生活。其中，useMemo和useCallback是帮助改善网站性能的钩子。本教程将讨论useMemo和useCallback的区别以及何时使用每个钩子。useMemo用于在渲染之间记忆昂贵计算的返回值。useCallback用于记忆回调函数并返回它。这两个钩子可以帮助您优化应用程序的性能。
❓
Q&A
useMemo 和 useCallback 的主要区别是什么？
useMemo 缓存函数的返回值，而 useCallback 缓存函数的定义。
何时应该使用 useMemo？
当你有依赖于昂贵计算的状态，但不想在每次渲染时都运行该计算时，应该使用 useMemo。
useCallback 的作用是什么？
useCallback 用于缓存函数定义，避免在每次渲染时重新创建函数。
使用 useMemo 和 useCallback 有什么风险？
过度使用 useMemo 和 useCallback 可能导致代码难以阅读，并且在不必要的情况下使用会影响性能。
useMemo 的语法是什么？
useMemo 的语法为 const value = useMemo(expensiveFunction, [...dependencyArray])。
如何使用 useCallback 来优化性能？
将事件处理函数包裹在 useCallback 中，以避免在每次渲染时重新创建该函数，从而优化性能。
