react使用规则

复制quotes: [2, 'single'], // 单引号
        'jsx-quotes': [2, 'prefer-double'], // jsx语法中使用双引号
        indent: [2, 2], // 控制缩进为2
        'comma-dangle': 0, // 禁用对象字面量项尾必须有逗号
        'no-console': 0, // 不禁用console
        'no-debugger': 0,
        'no-irregular-whitespace': 0, // 允许不规则的空白
        'array-bracket-spacing': [2 , 'always'], // 数组元素之前必须以空格隔开
        'object-curly-spacing': [2,'always'],
        'spaced-comment': 0, // 注释风格不要有空格什么的
        'no-multi-spaces': 2, // 不能用多余的空格
        'comma-spacing': [2, { before: false, after: true }], // 逗号之后必须有空格
        'key-spacing': [2, { beforeColon: false, afterColon: true }], // 对象字面量中冒号的前后空格
        'import/extensions': 0, // 禁用文件扩展明检查
        'react/jsx-filename-extension': [1, { extensions: ['.ts', '.tsx'] }], // 限制引入的组件，模块必须是从ts或tsx文件中的，否则会出警告
        'react/jsx-one-expression-per-line': 0, // 不限制每行一个JSX元素
        'jsx-a11y/click-events-have-key-events': 0, // 不强制要求点击事件必须伴随着onKeyUp, onKeyDown, onKeyPress出现
        'no-var': 2, // 禁止使用var
        'object-curly-newline': 0, // 关闭大括号内换行的校验
        'react / jsx-one-expression-per-line': 0, // 关闭每行只允许一个jsx的校
        'linebreak-style': ['error','unix'], // 不强制使用一致的换行符号
        'arrow-body-style': 0, // 不要求箭头函数功能主体中必须有括号
        'no-underscore-dangle': 0,
        semi: 2, // 强制结尾必须有;
        'max-len': [1, 120], // 检查每行的最大字符数不能超过100
        'semi-spacing': [2, { before: false, after: true }], // 强制分号前后不允许空格
        'eol-last': 0, // 不检查文件末尾是否有换行
        'import/no-extraneous-dependencies': 0, // 不检查依赖是否在package.json中声明，解决引用依赖是ts的问题
        'no-trailing-spaces': 2, // 一行结束后面有空格就发出警告
        '@typescript-eslint/no-unused-vars': [2, { vars: 'all', args: 'after-used' }], // 不能有声明后未被使用的变量或参数
        'no-alert': 2, // 禁止使用alert confirm prompt
        'arrow-spacing': 2, // 强制箭头函数的箭头前后使用一致的空格
        'no-lone-blocks': 2, // 禁止不必要的嵌套块
        'no-class-assign': 2, // 禁止给类赋值
        'no-cond-assign': 2, // 禁止在条件表达式中使用赋值语句
        'no-const-assign': 2, // 禁止修改const声明的变量
        'no-dupe-keys': 2, // 在创建对象字面量时不允许键重复
        'no-duplicate-case': 2, // switch中的case标签不能重复
        'no-dupe-args': 2, // 函数参数不能重复
        'no-empty': 2, // 块语句中的内容不能为空
        'no-func-assign': 2, // 禁止重复的函数声明
        'no-redeclare': 2, // 禁止重复声明变量
        'no-use-before-define': 0, // 未定义前不能使用
        camelcase: 2, // 强制驼峰法命名
        'react/display-name': 0, // 防止在React组件定义中丢失displayName
        'react/forbid-prop-types': 0, // 禁止某些propTypes
        'react/jsx-boolean-value': 2, // 在JSX中强制布尔属性符号，属性值为true时可忽略
        'react/jsx-closing-bracket-location': 2, // 在JSX中验证右括号位置
        'react/jsx-closing-tag-location': 2, // 闭合标签若有换行必须和开始标签对齐
        'react/jsx-tag-spacing': 2, // 自闭合标签前留一个空格
        'react/jsx-curly-spacing': [2, { when: 'never', children: true }], // 在JSX属性和表达式中加强或禁止大括号内的空格。
        'react/wrap-multilines': 0, // 组件跨行时，要用括号包裹JSX标签
        'react/no-string-refs': 1, // 警告使用字符串的ref，推荐使用ref callbacks
        'react/jsx-indent': [2, 2], // 语法缩进控制
        'react/jsx-indent-props': [2, 2], // 验证JSX中的props缩进是否为2个
        'react/jsx-key': 2, // 在数组或迭代器中验证JSX具有key属性
        'react/jsx-max-props-per-line': [2, { maximum: 4 }], // 限制JSX中单行上的props的最大数量
        'react/jsx-no-bind': 0, // JSX中不允许使用箭头函数和bind
        'react/jsx-no-duplicate-props': 2, // 防止在JSX中重复的props
        'react/jsx-no-literals': 0, // 防止使用未包装的JSX字符串
        'react/jsx-no-undef': 1, // 在JSX中禁止未声明的变量
        'react/jsx-pascal-case': 2, // 为用户定义的JSX组件强制使用PascalCase
        'react/jsx-sort-props': 0, // 强化props按字母排序
        'react/jsx-uses-react': 1, // 防止反应被错误地标记为未使用
        'react/jsx-uses-vars': 2, // 防止在JSX中使用的变量被错误地标记为未使用
        'react/no-danger': 0, // 防止使用危险的JSX属性
        'react/no-did-mount-set-state': 0, // 防止在componentDidMount中使用setState
        'react/no-did-update-set-state': 1, // 防止在componentDidUpdate中使用setState
        'react/no-direct-mutation-state': 2, // 防止this.state的直接变异
        'react/no-multi-comp': 0, // 允许一个文件有多个组件定义
        'react/no-set-state': 0, // 防止使用setState
        'react/no-unknown-property': 2, // 防止使用未知的DOM属性
        'react/prefer-es6-class': 2, // 为React组件强制执行ES5或ES6类
        'react/prop-types': 0, // 防止在React组件定义中丢失props验证
        'react/react-in-jsx-scope': 2, // 使用JSX时防止丢失React
        'react/self-closing-comp': 0, // 防止没有children的组件的额外结束标签
        'react/sort-comp': 2, // 强制组件方法顺序
        'no-extra-boolean-cast': 2, // 禁止不必要的bool转换
        'react/no-array-index-key': 1, // 防止在数组中遍历中使用数组index做索引
        'react/no-deprecated': 1, // 不使用弃用的方法
        'react/jsx-equals-spacing': 2, // 在JSX属性中强制或禁止等号周围的空格
        'no-unreachable': 2, // 不能有无法执行的代码
        // eslint-disable-next-line no-dupe-keys
        'no-mixed-spaces-and-tabs': 2, // 禁止混用tab和空格
        'prefer-arrow-callback': 2, // 比较喜欢箭头回调
        'use-isnan': 2, // 禁止比较时使用NaN，只能用isNaN()