useEffect、useCallback、useMemo的依赖数组答案

【问题标题】：The dependency array of useEffect, useCallback, useMemouseEffect、useCallback、useMemo的依赖数组
【发布时间】：2021-09-29 10:43:03
【问题描述】：

我对 React Hooks 的依赖性感到很困惑。示例如下：

const memorizeValue = useMemo(() => {
    return {
      count,
      setCount,
    }
  }, [count, setCount])

在 React 纪录片中：

注意

依赖数组不作为参数传递给函数。然而，从概念上讲，这就是它们所代表的：每一个价值函数内部引用的也应该出现在依赖项中大批。将来，足够先进的编译器可以创建这个数组是自动的。

count 和 setCount 都在 useMemo 的回调中，如果我没有在依赖数组中传递 setCount，eslint 不会警告我，但 count 会，那么有什么区别？为什么不需要通过setCount？ setCount 在 useMemo 里面，不是吗？

这里是codeandbox链接：

我想我可能误解了这份文件。有人指出，谢谢。

【问题讨论】：

【解决方案1】：

查看useState docs

注意

React 保证 setState 函数标识是稳定的，不会更改重新渲染。这就是为什么从useEffect 中省略是安全的或useCallback 依赖列表。

假设setCount 是useState 钩子的更新函数，那么它保证是一个稳定的引用。

【讨论】：