eslint常见规则总结

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

eslint常见规则总结的相关教程结束。