仅对“ useDispatch”的结果禁用“ react-hooks / exhaustive-deps”？

编程问答 2022-08-16

问题描述

我有一个类似的react-redux代码：

  useLayoutEffect(() => {
    if (someLogic) {
      dispatch(someAction());
    }
  },[]);

ESLint输出警告：

React Hook useLayoutEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

但是，通过https://react-redux.js.org/next/api/hooks#usedispatch，dispatch始终是同一对象，因此它在依赖项中的存在或不存在不会影响任何内容-换句话说，我们必须用多余的{依赖项列表中的{1}}项仅用于安抚短绒。

另一方面，dispatch警告很有用，因此不会完全禁用它。是否可以仅针对react-hooks/exhaustive-deps函数禁用此警告？

我正在寻找项目配置级别的解决方案，因为在每个地方都写dispatch而不是将// eslint-disable-next-line react-hooks/exhaustive-deps放在deps数组中会更加令人恐惧。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

eslinteslintreact-redux