eslint解决方案整理

eslint 解决方案整理

最近在处理react项目中报的warning，进行了以下整理
 

参考文档

Rules
 

项目中遇到warning的解决

• $ xxx is defined but never used no-unused-vars

  • 禁止出现未使用过的变量删除

• $ Expected '===' and instead saw '==' eqeqeq

  • 要求使用 === 和 !====变===

• $ img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text

  • img标签添加alt=""属性

• $ Expected a default case default-case

  • switch 添加default:break;

• $ Expected a conditional expression and instead saw an assignment no-cond-assign

  • 禁止在条件语句中出现赋值操作符if判断里=边===

• $ Script URL is a form of eval no-script-url

  • 禁用 Script URL 使用 href="###" e.preventDefault();阻止

• $ Expected to return a value in arrow function array-callback-return

  • 强制数组方法的回调函数中有 return 语句 添加return true;

• $ Useless constructor no-useless-constructor

  • 禁用不必要的构造函数 删除constructor函数;

• $ Unexpected mix of '&&' and '||' no-mixed-operators

  • 禁止混合使用不同的操作符 &&的优先级大于|| 例如：type && type.flag || false改为(type && type.flag) || false;

• $ Unreachable code no-unreachable

  • 禁止在return、throw、continue 和 break 语句之后出现不可达代码 删除;

• $ Unexpected string concatenation of literals no-useless-concat

  • 禁止不必要的字符串字面量或模板字面量的连接 详见：http://eslint.cn/docs/rules/no-useless-concat;

• $ 'ws' is already defined no-redeclare

  • 禁止多次声明同一变量 去掉var;

• $ Style prop value must be an object react/style-prop-object

  • React框架的JSX编码格式要求，style必须是一个对象 详见：https://blog.csdn.net/sinat_17775997/article/details/66967829

• $ Missing radix parameter radix

  • 强制在parseInt()使用基数参数 详见：https://blog.csdn.net/katecatecake/article/details/78817019

• $ Do not mutate state directly. Use setState() react/no-direct-mutation-state

  • React中不能直接更改state的值 进行拷贝，然后赋值

• $ The array literal notation [] is preferrable no-array-constructor

  • 禁用 Array 构造函数 例如：let clickX = new Array();改let clickX = [];

• $ No duplicate props allowed react/jsx-no-duplicate-props

  • 禁止重复定义删除一个;

• $ The element img has an implicit role of presentation. Defining this explicitly is redundant and should be avoided jsx-a11y/no-redundant-roles

  • 删除role="presentation"属性;

• $ Block is redundant no-lone-blocks

  • 禁用不必要的嵌套块 删除注释;

• $ Block is redundant no-lone-blocks

  • 禁用不必要的嵌套块 删除break;

• $ Unexpected use of comma operator no-sequences

  • 禁用逗号操作符 ,号变;;

• $ iframe elements must have a unique title property jsx-a11y/iframe-has-title

  • 添加title="navigation";

• $ Unnecessary escape character: \. no-useless-escape

  • 禁用不必要的转义字符;

• $ Duplicate key 'uploadType' no-dupe-keys

  • 禁止对象字面量中出现重复的 key;