React useEffect Hook 中对象和数组依赖项的 ESLint 规则

Question

我开发的应用程序在使用引用类型的非记忆化版本（例如数组、对象和函数）时遇到问题（请参阅React useEffect Hook 中的对象和数组依赖项）。目前，我正在检查所有代码并手动修复问题，但这并不是防止开发人员将来犯同样错误的理想长期解决方案。

我正在研究防止将来发生这种情况的方法，以优化性能，并希望找到一个 lint 规则来强制将来任何人都不会这样做。然而，我没有看到一个。

除了与整个开发团队进行有效沟通并帮助确保每个人都知道在代码审查期间注意这一点之外，是否有人对强制不发生此错误的好方法有任何建议？

Answer 1

我有完全相同的想法——这是代码审查中普遍存在的问题，看到你的问题足以激励我在 eslint-plugin-react-hooks 包中创建一个 PR 请求来添加此功能。

与此同时（可能需要一段时间才能发布）你可以在 npm 上使用临时 eslint 插件：

npm install eslint-plugin-react-hooks-unreliable-deps --save-dev

并将以下内容添加到您的.eslintrc.js：

...
extends: [
    "plugin:react-hooks-unreliable-deps/recommended",
    ...
],
...

我希望这能满足您的需求，请向问题页面提交任何反馈！