React | React Hook useffect缺少依赖项

Question

我想更新商店中的值只有一次在第一次打开时，页面首次使用反应钩子打开。为此，我做了第二个参数的使用效果'[]'空列表。没有什么可以阻止它工作，但是我从ESLint规则中得到了一个警告：React Hook用效果有一个缺失的依赖项：“ChangeCount”。要么包含它，要么删除依赖数组react-追踪器/穷举-deps。如何删除此警告？

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

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

  return (
  ..
  )}

Answer 1

创建自定义挂钩。。。

export const useMountEffect = handler => useEffect(handler, []);

像吃一样吃

useMountEffect(() => {
  changeCount();
});

不仅你会摆脱这个警告...而且更清楚的是，这个效果只会在Mount上执行...

Answer 2

changecont是一个不是setState或hook的函数。由于您在useffectReact中使用了它，因此React将向您发出警告。因为它警告您阅读本文的原因

上面的一些答案建议您禁用该检查，我建议只对您正在处理的一个进行diable。然而，通常你不需要担心警告。

Answer 3

使用此语法在依赖数组之前删除此eslint警告，如下所示：

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

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

return (
  ..
)}