react eslint解决方案整理

2023-11-09

eslint 解决方案整理
最近在处理react项目中报的warning,进行了以下整理

参考文档
http://eslint.cn/docs/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;

 

来源:https://blog.csdn.net/zcfzfc123456789/article/details/87899298

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

react eslint解决方案整理 的相关文章

  • cublas_v2.h: No such file or directory

    caffe正常编译了 但是另外一个工程中使用caffe时显示 cublas v2 h No such file or directory 直接在该工程的cmakelist文件中加入 INCLUDE DIRECTORIES usr local

随机推荐

  • Git Pull 错误

    当是用TortoiseGit 从多个源 Pull过数据后 不能再使用默认的 Remote origin选项进行Pull操作 每个工程 Commit Push前需要Pull操作时 采用独立的URL 即 下面的选项 Arbitrary URL
  • Activiti进阶(九)——接收任务(ReceiveTask)

    转载地址 http blog csdn net zjx86320 viewmode contents 接收任务 ReceiveTask 即等待任务 接收任务是一个简单任务 它会等待对应消息的到达 当前 官方只实现 了这个任务的Java语义
  • HwBinder驱动篇-Android10.0 HwBinder通信原理(十)

    Android取经之路 的源码都基于Android Q 10 0 进行分析 Android取经之路 系列文章 系统启动篇 Android系统架构Android是怎么启动的Android 10 0系统启动之init进程Android10 0系
  • 解决maven配置报错:The JAVA_HOME environment variable is not defined correctly(亲测有效)

    显然是环境变量的问题导致的 1 对于初学者而言 建议配置两个maven环境变量 2 添加至path 变量值是 MAVEN HOME bin M2 HOME bin 3 进入cmd 输入mvn v进行测试 如果是下面这样 说明就成功了 4 如
  • pytorch的语义分割------数据增广

    官方文档 https pytorch org docs stable torchvision transforms html highlight torchvision 20transforms 20functional module to
  • maven编译项目抛出out of memory

    是java堆内存过小的原因造成的 新增环境变量 MAVEN OPTS Xmx512m 问题解决
  • 【融职培训】Web前端学习 第11章 微信开发5 微信支付

    一 概述 如果需要实现微信支付功能 需要有一个已认证的微信服务号 并且开通微信支付 开通后微信会提供一个商户ID 有了这个ID才能成功调用微信支付接口 开通微信支付后 需要在微信支付后台 产品中心 gt 开发配置 中配置 JSAPI支付授权
  • 不小心在服务器上删了文件怎么恢复出厂设置,文件删除了怎么恢复?这样才能彻底清除彻底清除...

    现在人换手机就像换衣服 虽然不是一天一换 但大多数人一年一换已经成为常态 所以闲置的旧手机也越来越多 一般旧手机大家都是闲置 或者二手转卖 或是送给别人使用 如此一来 旧手机上各种数据就需要彻底清除 否则旧手机上个人信息一旦泄露 很可能会给
  • HTML教程

    第一章 HTML标签 网页格式 html 网页的开始与结束 body 网页的主体部分 显示在网页中用户可以浏览到的内容 head 网页的头部 大部分不显示在用户浏览界面 meta 网页的摘要信息 不会显示在浏览器浏览界面 title 网页标
  • 人工智能-Tansformer-全套讲解15-20章

    第21章 基于Bayesian Theory的MRC文本理解基础经典模型算法详解 1 Bayesian prior在模型训练时候对Weight控制 训练速度影响等功能详解 2 Bayesian prior能够提供模型训练速度和质量的数学原理
  • angular指令心得(ng-model)

    angular指令心得 ng model 在项目中编写指令 常常会依赖其他的指令来实现想要达到的功能 其中最常用到的便是ng model 它为我们明确了需要绑定的属性 虽然在指令中可以通过通过使用独立作用域的 来进行双向绑定 但使用ng m
  • 华清远见学习笔记—Level1—Day1—必备Linux命令和C语言基础

    本专栏为个人在华清远见嵌入式linux学习期间的笔记 希望能与各位读者共同进步 文章目录 前言 一 环境安装 1 Linux文件系统是树形结构 弱分区 重文件 2 常用EXT4分区格式 3 基础分区 二 文件和目录相关命令 1 嵌入式开发基
  • Linux进程地址空间——上篇

    目录 一 前言 二 进程地址空间 1 通过一个例子去初步的了解进程地址空间 使用VS写了一段代码 在Linux中使用vim编辑器写类似的代码 结果解析 2 什么是进程地址空间 举个例子大家就明白了画饼的意义 如何画大饼 3 详谈进程地址空间
  • nested exception is java.lang.IllegalStateException: RequestParam.value() was empty on parameter 0

    运行springcloud项目出现如下报错 FactoryBean threw exception on object creation nested exception is java lang IllegalStateException
  • spring boot logback debug日志不输出问题

    logback配置如下
  • Redis集群一致Waiting for the cluster to join

    这是由于集群不仅要求开放连接端口 6379 还要开放集群总线端口 16379 在连接端口 10000
  • 威胁情报平台(多个平台查询)

    国内平台 微步威胁平台 微步在线X情报社区 威胁情报查询 威胁分析平台 开放社区 奇安信威胁情报中心 奇安信威胁情报中心 360威胁情报中心 https ti 360 cn 绿盟 威胁情报中心 https nti nsfocus com 新
  • 毕业设计-基于深度学习的轮胎缺陷无损检测

    目录 前言 课题背景和意义 实现技术思路 一 基于深度学习的目标检测技术及研究 二 基于主成分残差逆变换的轮胎 X 射线图像缺陷检测方法 三 基于独立成分分析的轮胎缺陷特征提取及分类方法的研究 四 深度卷积神经网络技术 实现效果图样例 最后
  • 数据库文档管理化开源项目工具SmartSQL

    数据库文档管理化开源项目工具SmartSQL 为何写该博文 由于这段时间需要理清软件的相关表结构 以及在客户端操作时使用 SQL Server Profiler 来检索一些简单的CURD sql语句 为了更好高效的理清内部的一些表结构 视图
  • react eslint解决方案整理

    eslint 解决方案整理 最近在处理react项目中报的warning 进行了以下整理 参考文档 http eslint cn docs rules 项目中遇到warning的解决 xxx is defined but never use