React.js近年来广受欢迎，这已经不是什么秘密了。它现在是许多互联网上最杰出的参与者（包括Facebook和WhatsApp）的首选JavaScript库。 它兴起的主要原因之一是在16.8版本中引入了钩子。React钩子允许您在不编写类组件的情况下利用React函数。现在，带有钩子的功能组件已成为开发人员使用React的首选结构。 在这篇博文中，我们将深入研究一个特定的钩子useCallback——因为它涉及函数式编程的一个基本部分，即记忆化。您将确切地知道如何以及何时使用useCallback钩子并充分利用其性能增强功能。 什么是Memoization？ 渲染和反应 React useCallback的性能优势 React useCallback的缺点 React使用回调示例 什么是Memoization? Memoization是当一个复杂的函数存储它的输出以便下次使用相同的输入调用它时。它类似于缓存，但在本地级别上。它可以跳过任何复杂的计算并更快地返回输出，因为它已经计算过了。 这会对内存分配和性能产生重大影响，而这种压力正是useCallback钩子的目的所在。 React的useCallback与useMemo 在这一点上，值得一提的是，useCallback与另一个名为useMemo的钩子很好地配对。我们将讨论它们，但在这篇文章中，我们将把重点放在useCallback主要话题上。 关键区别在于useMemo返回一个记忆值，而useCallback返回一个记忆函数。这意味着useMemo用于存储计算值，同时useCallback返回一个您可以稍后调用的函数。 这些钩子会给你一个缓存的版本，除非它们的依赖项之一（例如状态或道具）发生变化。 让我们看一下这两个函数的作用： import { useMemo, useCallback } from ‘react’ const values = [3, 9, 6, 4, 2, 1] // This will always return the same value, a sorted array. Once the values array changes then this will recompute. const […]
