如何建立更有优质的和可维护的 React 组件,确保你的代码符合最佳实践并且减少潜在的错误

技术文章来源: 微赞科技阅读: 20

'array-callback-return': 2 - 当数组方法的回调函数中存在返回值时,确保始终使用 return 返回一个值。

eqeqeq: 2 - 强制使用严格相等运算符(=== 和 !==)以避免潜在的类型转换问题。

'for-direction': 2 - 强制在循环中正确使用递增/递减操作符以避免无限循环或意外行为。

'guard-for-in': 2 - 在使用 for...in 循环时,强制使用 hasOwnProperty 方法来过滤对象属性。

'no-async-promise-executor': 2 - 禁止使用异步函数作为 Promise 执行器。

'no-case-declarations': 2 - 禁止在 case 子句中使用词法声明(例如 let、const、function 和 class)。

'no-debugger': 2 - 禁止在代码中出现 debugger 语句。

'no-delete-var': 2 - 禁止删除变量。

'no-dupe-else-if': 2 - 禁止在 if-else-if 链中出现重复的条件。

'no-duplicate-case': 2 - 禁止在 switch 语句中出现重复的 case 标签。

'no-eval': 2 - 禁用 eval() 函数,因为它可能导致安全问题。

'no-ex-assign': 2 - 禁止对 catch 子句中的异常重新赋值。

'no-global-assign': 2 - 禁止对全局对象进行赋值。

'no-invalid-regexp': 2 - 禁止在 RegExp 构造函数中使用无效的正则表达式字符串。

'no-native-reassign': 2 - 禁止重新分配原生对象。

'no-param-reassign': 2 - 禁止对函数参数进行重新赋值。

'no-promise-executor-return': 2 - 禁止从 Promise 构造器的执行器函数中返回值。

'no-self-assign': 2 - 禁止将变量与自身进行比较。

'no-self-compare': 2 - 禁止将变量与自身进行比较。

'no-shadow-restricted-names': 2 - 禁止变量声明覆盖 JavaScript 的一些保留关键字。

'no-sparse-arrays': 2 - 禁止稀疏数组,即数组中出现连续的逗号。

'no-unsafe-finally': 2 - 禁止在 finally 语句块中出现控制流语句。

'no-unused-labels': 2 - 禁用未使用过的标签。

'no-useless-catch': 2 - 禁止不必要的 catch 子句,当 catch 子句中的异常只是重新抛出时。

'no-useless-escape': 2 - 禁用不必要的转义字符。

'no-var': 2 - 要求使用 let 或 const 而不是 var。

'no-with': 2 - 禁用 with 语句。

'require-yield': 2 - 要求 generator 函数中有 yield。

'use-isnan': 2 - 要求使用 isNaN() 检查 NaN。

'react/button-has-type': 2 - 要求 button 元素具有明确的 type 属性。

'react/jsx-key': 2 - 在数组或迭代器中的元素需要有 key 属性。

'react/jsx-no-comment-textnodes': 2 - 禁止在 JSX 中的注释内容作为文本节点。

'react/jsx-no-duplicate-props': 2 - 禁止在 JSX 中重复的属性。

'react/jsx-no-target-blank': 2 - 禁止使用 target="_blank" 而没有 rel="noreferrer" 的链接。

'react/jsx-no-undef': 2 - 禁止在 JSX 中使用未定义的变量。

'react/jsx-uses-react': 2 - 防止 React 被错误地标记为未使用。

'react/jsx-uses-vars': 2 - 防止在 JSX 中使用的变量被错误地标记为未使用。

'react/no-children-prop': 2 - 禁止使用 children 作为 prop 名称。

'react/no-danger-with-children': 2 - 防止在使用 dangerouslySetInnerHTML 时同时使用 children。

'react/no-deprecated': 2 - 防止使用已经废弃的方法。

'react/no-direct-mutation-state': 2 - 防止直接修改 this.state。

'react/no-find-dom-node': 2 - 防止使用 findDOMNode。

'react/no-is-mounted': 2 - 防止使用 isMounted。

'react/no-string-refs': 2 - 防止使用字符串 ref。

'react/no-render-return-value': 2 - 防止在 render 方法中返回值。

'react/no-unescaped-entities': 2 - 防止在 JSX 中出现未转义的实体。

'react/no-unknown-property': 2 - 防止使用未知的 DOM 属性。

'react/require-render-return': 2 - 强制要求 render 方法有返回值。

'react-hooks/rules-of-hooks': 2 - 强制执行 React Hooks 的规则。

Copyright © 2013 - 2025 wizan. All Rights Reserved. 微赞科技 版权所有

闽ICP备13011468号-1

cks.jpg

网络安全

联系人: 陈炳智 BZ

手机号: 15677123446

Email: wizan@wizan.cn

cks.jpg

商务咨询

联系人: 陈晓玲 Adrian

手机号: 18060907908

Email: ling@wizan.cn

cks.jpg

技术咨询

联系人: 阿山 Kensun

手机号: 18606099887

Email: 1@wizan.cn

客服
cks.jpg
关注