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

Question

我正在开发的应用程序在使用非内存版本的引用类型(如数组、对象和函数)时遇到问题(请参阅 Object & array dependencies in the React useEffect Hook )。目前我正在检查我们所有的代码并手动修复问题，但这并不是防止开发人员在 future 犯同样错误的理想长期解决方案。
我正在研究防止这种情况在 future 发生以优化性能的方法，并希望找到一个 lint 规则来强制 future 任何人都不会这样做。但是，我没有看到一个。
除了与整个开发团队进行有效沟通并帮助确保每个人都知道在代码审查期间注意这一点之外，是否有人对强制执行此错误的好方法有任何建议？

Answer 1

我有完全相同的想法——这是代码审查中普遍存在的问题，看到你的问题足以激励我 create a PR request在 eslint-plugin-react-hooks 包中添加此功能。
同时(它可能需要一段时间才能发布)您可以使用 interim eslint plugin在 npm 上:

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

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

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

我希望这能满足您的需求，如有任何反馈，请提交至 issues page !