微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

useEffect、useCallback、useMemo的依赖数组

如何解决useEffect、useCallback、useMemo的依赖数组

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

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

在 React 纪录片中:

注意

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

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

这是代码和框链接

https://codesandbox.io/s/react-codesandbox-forked-xfupk?file=/src/Demo1/index.js:254-363

我想我可能误解了文档。有人指出来,谢谢。

解决方法

检查 useState docs

注意

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。