我对 React Hooks 的依赖感到很困惑。 示例如下:
const memorizeValue = useMemo(() => {
return {
count,
setCount,
}
}, [count, setCount])
在 React 纪录片中:
<块引用>注意
依赖项数组不会作为参数传递给函数。 但是,从概念上讲,这就是它们所代表的:每个值 函数内部引用的也应该出现在依赖项中 大批。在未来,一个足够先进的编译器可以创建 自动生成这个数组。
count
和 setCount
都在 useMemo 的回调中,如果我没有在依赖数组中传递 setCount
,eslint 不会警告我,但是 count
会,那么有什么区别呢?
为什么不需要通过setCount
? setCount
在 useMemo 里面,不是吗?
这是代码和框链接:
https://codesandbox.io/s/react-codesandbox-forked-xfupk?file=/src/Demo1/index.js:254-363
我想我可能误解了文档。有人指出来,谢谢。
答案 0 :(得分:1)
注意
React 保证 setState
函数标识是稳定的,不会
重新渲染时发生变化。这就是为什么从 useEffect
中省略是安全的
或 useCallback
依赖列表。
假设 setCount
是 useState
钩子的更新函数,那么它保证是一个稳定的引用。