javascript - 为什么依赖 useEffect 是数组状态而不是无限循环

Question

为什么情况 1 是无限循环，而情况 2 不是，就像 useState() 中的 obj 不是？

情况1:无限循环

const [count, setCount] = useState(0)
const [obj,setObj] = useState({a:1, b:2})

useEffect(( )=> 
{setCount((prevCount) => prevCount + 1)
},[{a:1, b: 2 }])

情况2:不是无限循环

const [count, setCount] = useState(0)
const [obj,setObj] = useState({a:1, b:2})

useEffect(( )=> 
{setCount((prevCount) => prevCount + 1)
},[obj])

Answer 1

React 使用引用相等性来检查第一个示例中的依赖关系是否已更改，每次创建新对象时，引用都会更改并重新渲染组件。

在第二种情况下，状态保存对象的引用，该引用在重新渲染期间保持不变，因此不会再次触发 useEffect。