用法:

const cachedFn = useCallback(fn, dependencies)

用于优化函数组件中的性能。它会返回一个记忆化(memoized)后的回调函数,该回调函数在其依赖项不变的情况下不会重新创建。这对于避免不必要的渲染和回调函数的重新创建非常有用,尤其是在传递回调函数作为子组件的 props 时。

参数:

fn:这是你希望缓存的函数。这个函数可以接受任意参数并返回任意值。在组件初次渲染时,React 会将这个函数返回给你(不会调用它)。在后续的渲染中,如果依赖项没有变化,React 会返回相同的函数引用。如果依赖项发生了变化,React 会将你在当前渲染中传入的新函数返回,并保存它以备将来使用。React 不会主动调用这个函数,而是将函数返回给你,由你决定何时以及是否调用它。