堆栈内存溢出
  简体   繁体   English

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

[英]ESLint rule for Object & array dependencies in the React useEffect Hook

 原文  2021-06-07 16:58:58  3   1    javascript/ reactjs/ react-hooks/ eslint

问题描述

The app that I work on is having an issue with using non-memoized versions of reference types such as arrays, objects, and functions (see Object & array dependencies in the React useEffect Hook ).我正在处理的应用程序在使用参考类型的非记忆版本时遇到问题，例如 arrays、对象和函数（请参阅React useEffect Hook 中的 Object 和数组依赖项）。 At the moment I am going through all of our code and manually fixing the issues, however this is not an ideal long-term solution for preventing developers from making the same mistake in the future.目前我正在检查我们所有的代码并手动修复问题，但这并不是防止开发人员在未来犯同样错误的理想长期解决方案。

I am investigating ways to prevent this from happening in the future to optimize performance and would like to find a lint rule to enforce that this isn't done by anyone in the future.我正在研究防止这种情况在未来发生以优化性能的方法，并希望找到一个 lint 规则来强制未来任何人都不会这样做。 However, I'm not seeing one.但是，我没有看到一个。

Does anyone have any suggestions on good ways to enforce that this error isn't made other than just communicating it effectively with the entire development team and helping to make sure that everyone is aware to watch for this during code reviews?除了与整个开发团队进行有效沟通并帮助确保每个人都知道在代码审查期间注意这一点之外，是否有人对强制执行此错误的好方法有任何建议？

1 个解决方案

解决方案1
 2  2022-05-29 14:39:51

I had the exact same thought -- It's a pervasive issue in code reviews and seeing your question was enough to motivate me to create a PR request in the eslint-plugin-react-hooks package to get this functionality added.我有完全相同的想法——这是代码审查中普遍存在的问题，看到您的问题足以激励我在 eslint-plugin-react-hooks package 中创建 PR 请求以添加此功能。

In the meantime (it'll probably take a while before it makes it into a release) you can use the interim eslint plugin on npm:同时（它可能需要一段时间才能发布）你可以使用 npm 上的临时 eslint 插件：

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

and add the following to your .eslintrc.js :并将以下内容添加到您的.eslintrc.js ：

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

I do hope this suits your needs, and please submit any feedback to the issues page !我希望这能满足您的需求，请向问题页面提交任何反馈！

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 ESLint：收到错误“React Hook useEffect has missing dependencies” - ESLint: Getting the error “React Hook useEffect has missing dependencies” 带有依赖项数组的 React Native 动画 useEffect 钩子创建无限循环 - React Native animation useEffect hook with dependencies array creates infinite loop React useEffect Hook 不会在具有 [] 依赖项的第一次渲染时触发 - React useEffect Hook not Triggering on First Render with [] Dependencies React hook - useEffect 缺少依赖项警告 - React hook - useEffect missing dependencies warning React hook useEffect 依赖数组 - React hook useEffect dependency array 无法读取 React 中 useEffect 或 useCallback 中的依赖项数组中未定义 Object 的属性 - Cannot Read Property of undefined Object in dependencies array in useEffect or useCallback in React 使用 eslint Exclusive-deps 响应订阅/取消订阅的 useEffect 依赖项 - React useEffect dependencies for subscribe/unsubscribe with eslint exhaustive-deps React Hook useEffect 缺少 object 的依赖项 - React Hook useEffect missing dependency for object React Hooks：数组未在 useEffect Hook 中更新/更改 - React Hooks: array not updating/changing in useEffect Hook React hook useEffect 首先返回空数组 - React hook useEffect returns empty array at first
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM