使用 React Hooks 时常犯的错误

大家好，包括我在内的很多人都开始使用 React Hooks。使用 Hooks 时最常见的问题是无限循环。

为了避免这种无限循环，大家都知道要在数组括号中使用条件语句，例如：

我们还可以在数组括号内使用状态变量。

每当状态值发生变化时，useEffect 都会再次渲染。

现在我想表达的问题是，数组括号内的值是不可预测的。

在上图中，我有一个类型为数组的状态变量，它由多个对象组成。当发生更改时，React 会检查 useEffect 内部的条件，以确定是否重新渲染 useEffect。

问题在于，我们没有指定 useEffect 数组中的特定值，因此，当 state 中的值发生变化时，React 无法检测到任何差异，即使我将对象值更改为 name:'full stack developer'，useEffect 也不会重新渲染。

这是因为 React 无法预测数组中特定对象内部的值会发生变化。

*注意：如果向数组中添加了任何新对象，useEffect 将识别出更改。*

感谢阅读！

祝您编程愉快！