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-interationscommon 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