reactjs - react | React Hook useEffect 缺少依赖项

Question

当页面第一次使用 react 钩子(Hook)打开时，我想在第一次打开时更新商店中的一个值。为此，我将 useEffect '[]' 的第二个参数设为空列表。没有什么可以阻止它工作，但我收到了来自 ESLint 规则的警告: React Hook useEffect 缺少依赖项:'changeCount'。包括它或删除依赖数组 react-hooks/exhaustive-deps .如何删除此警告？

const App = ({UserStore:{setCount, count}}) => {
  const changeCount = () => {
    setCount();
  }

  useEffect(() => {
    changeCount();
  },[])

  return (
  ..
  )}

Answer 1

使用此语法删除此 eslint在您的依赖数组之前发出警告，如下所示:

const App = ({UserStore:{setCount, count}}) => {
const changeCount = () => {
    setCount();
}

useEffect(() => {
    changeCount();
    // eslint-disable-next-line
},[])

return (
  ..
)}