eslint常见规则总结

最新推荐文章于 2025-06-20 08:44:27 发布

转载最新推荐文章于 2025-06-20 08:44:27 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yzfdjzwl/p/6774152.html

文章标签：

#javascript #ViewUI

本文详细介绍了ESLint的一些关键规则，包括但不限于默认导入的使用规范、对象属性后的逗号要求、构造函数的正确用法、箭头函数的使用注意事项以及JSX中的事件处理等。对于前端开发者来说，遵循这些规则有助于提高代码质量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

google: eslint+rules

es6: impot

When you import the module's default, don't use brace {}

意思是，当你使用默认的模块时，不要加{}。如果不是默认模块的话，请把{}加上。

定义后不使用

对象的最后一个属性后面要加逗号

不得重复定义

缩进

constructor必须有super

constructor必须有意义，就是有其他代码

if 后要有括号

no-trailing-spaces

最后面不能有额外的空格

关闭的标签必须对齐

The closing bracket must be aligned with the line containing the opening tag.

// like this
<Icon 
/>

不得在refs里使用字符串

using string literals in ref attribute is deprecated.

// so should use like this:
<input 
  type="text"
  ref={(c) => {
    this.input = c;
  }}
/>

handleClick(e) {
  const node = this.input;
  const value = node.value;
}

unexpected parentheses around single function argument having a body with no

单个函数参数周围的意外括号具有一个没有花括号的主体的箭头

unexpected parentheses around single function argument having a body with no curly braces arrow-parens

箭头函数不应该返回赋值

arrow function should not return assignment.

箭头函数参数周围的预期括号具有带大括号的主体

expected parenteses around arrow function argument having a body with curly braces arrow-parens

jsx中等号前面没有空格

there should ne no space before '='

没有交互的元素不允许有事件

visible, non-interactive elements should not have moue or keyboard listeners jsx-ally/no-static-element-interations

common interactive roles include:

1. button
2. link
3. checkbox
4. menuitem
5. menuitemcheckbox
6. menuitemradio
7. option
8. radio
9. searchbox
10. switch
11. textbox

转载于:https://www.cnblogs.com/yzfdjzwl/p/6774152.html