reactjs - React Hooks 无限循环与数组

Question

当我在 React 的 useEffect Hook 中将数组分配给状态时，我遇到了无限循环，我不确定为什么要添加状态 series 作为依赖项。

const [series, setSeries] = useState([]);
useEffect(() => {
  setSeries([1, 2, 3, 4]);
}, [series]);

带有字符串的相同代码不会创建无限循环

const [series, setSeries] = useState([]);
useEffect(() => {
  setSeries('No Infinite Loop');
}, [series]);

Answer 1

您已经在 Hook 中添加了系列依赖项并且您正在更新系列，因此每当系列更新时都会调用该 Hook 。所以，它进入无限。

const [series, setSeries] = useState([]);
useEffect(() => {
  setSeries([1, 2, 3, 4]);
}, []);