为什么无法在useEffect中设置数组？

在React的函数组件中，useEffect是一个用于处理副作用的钩子函数。副作用通常是指与组件渲染无关的操作，例如网络请求、订阅、事件监听等。在useEffect中，我们可以执行这些副作用操作，并在组件卸载时清除它们。

然而，由于useEffect的工作机制，我们无法直接在其中设置一个数组。useEffect接受两个参数，第一个参数是一个函数，用于执行副作用操作，第二个参数是一个依赖数组。当依赖数组中的值发生变化时，React会重新执行useEffect中的函数。

由于这种工作机制，如果我们将一个空数组作为useEffect的依赖数组，也就是useEffect(() => {}, [])，React会认为该副作用操作不依赖于任何值，只在组件首次渲染时执行一次，并在组件卸载时清除。这在很多情况下是非常有用的，例如只需要执行一次的初始化操作。

但是，如果我们在useEffect的依赖数组中设置了一个数组（例如useEffect(() => {}, [myArray])），那么React会比较数组的引用是否发生变化，而不是比较数组的值是否发生变化。由于数组的引用很容易在每次渲染时发生变化，这将导致useEffect在每次渲染时都被触发，从而陷入无限循环。

为了解决这个问题，React建议将数组转化为不可变的，例如使用Object.freeze方法冻结数组，或者使用深比较来比较数组的值。这样可以确保依赖数组只在数组的值发生实际变化时才会引发useEffect的执行。

总结起来，无法在useEffect中设置数组是因为useEffect的依赖数组比较的是引用而不是值，而数组的引用很容易在每次渲染时发生变化，导致useEffect触发无限循环。为了解决这个问题，需要将数组转化为不可变的，或者使用深比较来比较数组的值。