在 useEffect 依赖项中缺少 ref 时没有 eslint 警告

Question

我对useEffect ref有一个疑问。 我需要将它添加到依赖项吗？

const App = () => {
  const ref = useRef();
  useEffect(() => {
    //do something about ref
  }, []); //<-- ref is not here
}

上面的代码没有给出任何 eslint 警告。 ref在依赖项中是否被豁免？

Answer 1

简短的回答是肯定的，您不必将ref添加到依赖项数组。

为了更深入地理解，您可以阅读 Dan Abramov 的A Complete Guide to useEffect 。 从那里引用，可以回答您的问题：

（你可以从 deps 中省略 dispatch、setState 和 useRef 容器值，因为 React 保证它们是静态的。但指定它们也没有坏处。）