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



我使用的应用程序在使用引用类型(如数组、对象和函数(的非内存版本时遇到问题(请参阅React useEffect Hook中的对象和数组依赖关系(。目前,我正在浏览我们所有的代码并手动修复问题,但这并不是防止开发人员在未来犯同样错误的理想长期解决方案。

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

除了与整个开发团队有效沟通并帮助确保每个人都意识到在代码审查期间注意这一点之外,有人对如何确保不会出现此错误有什么建议吗?

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

在此期间(可能需要一段时间才能发布(,您可以在npm:上使用临时esint插件

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

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

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

我真的希望这能满足你的需求,请将任何反馈提交到问题页面!

最新更新