useCallback Vs useMemo 中，第二个参数传入 空数组 和 不传 的区别

1. 引用

For both useMemo and useCallback (which is essentially just a special case of useMemo), if the second argument is an empty array, the value will be memoized once and always returned.

If the second argument is omitted, the value will never be memoized, and the useCallback and the useMemo doesn’t do anything.

statck overflow

2. 解释

// Require a second argument, and it must be an array
function useCallback<T extends (...args: any[]) => any>(callback: T, deps: DependencyList): T;
// Second argument can be undefined, but must be explicitly passed as undefined, not omitted.
function useMemo<T>(factory: () => T, deps: DependencyList | undefined): T;

1. 如果 react + ts， useCallback 必须传入第二个参数，useMemo 可选填

2. 如果传入的第二个参数是一个 空数组，后续的渲染，只会记住第一次渲染的

If no array is provided, a new value will be computed on every render.

react 官网

如果 useMemo 不传入参数，相当于没有 使用 useMemo， 每次都会重新 computed

最后

以上就是迷人康乃馨为你收集整理的useCallback Vs useMemo 中，第二个参数传入 空数组 和 不传 的区别的全部内容，希望文章能够帮你解决useCallback Vs useMemo 中，第二个参数传入 空数组 和 不传 的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。