-
Notifications
You must be signed in to change notification settings - Fork 40
/
.eslintrc
68 lines (68 loc) · 2.67 KB
/
.eslintrc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
{
"parser": "babel-eslint",
"plugins": [
"react",
"jsx-a11y"
],
"parserOptions": {
"ecmaFeatures": {
"jsx": true
}
},
"rules": {
// 使用 class extends React.Component 创建组件
"react/prefer-es6-class": ["error", "always"],
// React模块名使用帕斯卡命名
"react/jsx-pascal-case": ["error"],
// React规范2.5 组件多行属性分别写在一行
"react/jsx-closing-bracket-location": ["error", "line-aligned"],
// 属性值使用双引号
"jsx-quotes": ["error", "prefer-double"],
// 不能有多余的空格
"no-multi-spaces": ["error"],
// 自动关闭的标签前间一个空格
"react/jsx-space-before-closing": ["error", "always"],
// 不要在JSX{}括号里两边加空格
"react/jsx-curly-spacing": ["error", "never", { "allowMultiline": true }],
// 如果属性值为 true, 可以直接省略
"react/jsx-boolean-value": ["error", "never"],
// <img> 标签总是添加 alt 属性
"jsx-a11y/img-has-alt": "error",
// 不要在 alt 值里使用如 "image", "photo", or "picture"包括图片含义这样的词
"jsx-a11y/img-redundant-alt": "error",
// 使用有效正确的 aria role属性值
"jsx-a11y/aria-role": ["error", { "ignoreNonDom": false }],
// 不要在标签上使用 accessKey
"jsx-a11y/no-access-key": "error",
// 总是在Refs里使用回调函数
"react/no-string-refs": "error",
// 将多行的JSX标签写在 ()里
"react/wrap-multilines": "off",
// 对于没有子元素的标签来说总是自己关闭标签
"react/self-closing-comp": "error",
// 当在 render() 里使用事件处理方法时,提前在构造函数里把 this 绑定上去
"react/jsx-no-bind": ["error", {
"ignoreRefs": true,
"allowArrowFunctions": true,
"allowBind": false,
}],
// 在 render 方法中总是确保 return 返回值
"react/require-render-return": "error",
// 不要再使用 isMounted
"react/no-is-mounted": "error",
// 生命周期函数
"react/sort-comp": ["error", {
"order": [
"static-methods",
"lifecycle",
"/^on.+$/",
"/^(get|set)(?!(InitialState$|DefaultProps$|ChildContext$)).+$/",
"everything-else",
"/^render.+$/",
"render"
],
}],
// 使用jsx后缀
"react/jsx-filename-extension": ["error", { "extensions": [".jsx"] }]
}
}