什么是要传递给useEffect的依赖项？

Question

在读取官方钩子指南时，它提到了在函数中引用的每个值也应该出现在依赖项数组中。我的问题是，什么被归类为依赖？请查看Dan的以下示例：

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    const id = setInterval(() => {
      setCount(count + 1);
    }, 1000);
    return () => clearInterval(id);
  }, [count]);

  return <h1>{count}</h1>;
}

在本例中，count被传递给依赖数组。然而，为什么setCount也没有通过呢？对我来说，这也是一种函数依赖。

更一般地，在使用useEffect时应该传递给依赖数组的依赖项被归类为依赖项。

Answer 1

通过依赖关系，我们可以理解可能发生变化的值(状态或道具)。count是对数字的引用，每次使用新值调用setCount时，它都会发生变化。另一方面，setCount是对一个永不更改的函数的引用。

Answer 2

我的问题是，什么被归类为依赖

通常，在functional中定义并在回调中使用的所有内容都作为第一个参数传递给useEffect。

在这种情况下，计数被传递给依赖数组。然而，为什么setCount也没有通过呢？对我来说，这也是一种函数依赖。

将setCount添加到依赖项中没有任何问题。React将确保setCount不会更改，因此从依赖项中添加/删除它不会产生任何影响。

更普遍地说，什么是在使用useEffect时应该传递给依赖数组的依赖项？

添加依赖项以避免陈旧的值，并在添加的依赖项更改时调用回调函数。