在 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 保證它們是靜態的。但指定它們也沒有壞處。）