Useless constructor no-useless-constructor 错误为何会出现？如何解决？

最新推荐文章于 2024-05-01 19:23:39 发布
原创 最新推荐文章于 2024-05-01 19:23:39 发布 · 5.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react

本文详细介绍了在React项目中遇到的UselessConstructor警告的原因及解决方案。当构造函数中未使用state时，此警告出现。只需在constructor中添加this.state={}

在react项目运行的时候，有时候会报这个警告 Useless constructor no-useless-constructor
下图是我的代码运行之后的警告：
在这里插入图片描述
此时代码如下：
在这里插入图片描述

原因是构造函数里缺少state，解决方法只要在constructor里面加上this.state={ }，加上state对象就可以

在这里插入图片描述
在这里插入图片描述
这样就不会发出警告了

eslint-plugin-no-constructor-bind:首选类箭头函数在构造函数中进行绑定
05-01
eslint-plugin-no-constructor-bind 优先使用类属性，而不要使用类的构造函数方法中的等效设置步骤... 这样做，很可能您将能够使用ESLint的内置no-useless-constructor来删除应用程序中的许多构造器。 安装 您首先需要
Eslint讲解及报错解决
Don't disturb me!的博客
08-05 1871
ESLint 教程 文档：http://eslint.cn/docs/user-guide/configuring ESLint的2种配置: 1.Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个文件。 2.Configuration Files - 使用 JavaScript、JSON 或者 YAML 文件为整个目录和它的子目录指定配置信息。可以用 .eslintrc.* 文件或者在 package.json 文件里的 eslintConfig 字段
【React】ESLint: Useless constructor.(no-useless-constructor)
zqq_2016的博客
10-15 1042
牢记一点：在类组件中，如下内容是一体的，要写必须一起写，哪怕this.state为空。 constructor(props) { super(props); this.state = {} }
【react常见问题】Useless constructor no-useless-constructor报错
sinat_33255495的博客
07-07 842
react 自定义组件时报如上错误，原因是构造函数里缺少state，只要在constructor里面加上 this.state={ } 就好了。 import React,{Component} from 'react' class myData extends Component{ constructor(props){ super(props) this.state = {} } componentDidMount(){ con
解决react组件提示 Useless constructor no-useless-constructor 的问题
m0_37922914的博客
12-22 1075
刚开始学react, 写了个组件硬是报了Useless constructor no-useless-constructor 字面上意思就是无用的构造器的意思 我细细查阅了一番，原来react组件的construtor里面都必须要定义state呀~~~~ 我以为没有state就不用写了呢 加上state，问题解决~~~~ ...
react使用++或者--改变state状态值问题和Useless constructor no-useless-constructor
小楠子的博客
05-25 1605
写了一个点击事件，点击一下值加一，但是点击事件如下书写无效，并未改变状态值 add() { this.setState({ likes: this.state.likes++ }) } 这里应该如下书写： add() { this.setState({ likes: ++thi...
Useless constructor no-useless-constructor报错
业余前端的职业经历
02-23 514
要求你的react组件类式组件 构造函授中最好要加入 this.sate={} 为空也行但不要不写 constructor(props){ super(props); this.state={} } ...
ESLint插件no-constructor-bind：简化构造函数绑定
这样做的结果是，许多构造函数可能会变得不必要，从而可以进一步使用ESLint的内置规则no-useless-constructor来删除构造函数。 5. 插件的安装和使用： 要想使用eslint-plugin-no-constructor-bind插件，首先需要...
ESLint规则
eshine Lau 的博客
05-01 1263
ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。有些规则还带有可选的参数。
使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格
FE-阿阳的博客
12-18 1705
使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格 Eslint 代码检查，编辑器启用 Eslint 之后，不符合规范的会自动进行提示。 Prettier 让代码变得更 pretty，会更改不符合检测要求的代码，自动格式化。 husky git 每步操作的钩子，没执行一个操作都会执行一次对应的钩子函数，执行 pre-commit 操作时，执行 Prettier 格式化脚本，即可自动的格式化代码，让 commit 之后的代码都符合 Pr
Useless constructor
叁拾博客
04-27 1060
报错警告 缺少this.state={}
Useless constructor no-useless-constructor报错
shaleilei的博客
11-01 1万+
react中 Useless constructor  no-useless-constructor报错 原因是构造函数里缺少state，下图是我的，报错，解决方法只要在constructor里面加上this.state={ }，加上state对象就可以 ...
ESlint常见报错问题
热门推荐
小小喵的博客
02-25 1万+
1、error Unary operator ‘++’ used no-plusplus ESLint认为一元操作符，是不安全的，所以禁止使用 确书写方式（ESLint格式） for循环的正确姿势如下 for (i = 0; i < l; i += 1) { return; } 2、eslint error ‘data’ is missing in props validation 缺...
react常见问题
lx6091543wwwcctv的博客
10-08 273
react常见问题--Useless constructor no-useless-constructor报错
【JavaScript】ESLint 深入浅出
kinghzking的专栏
12-07 727
ESLint
【前端代码校验规则】Eslint、Stylelint、Prettier、lint-staged、husky、commitlint
zywhccyw的博客
09-05 5554
【前端代码校验规则】Eslint、Stylelint、Prettier、lint-staged、husky、commitlint
从零开始配置 react + typescript（二）：linters 和 formatter
qq_39523606的博客
02-04 2752
继 从零开始配置 react + typescript（一）：dotfiles 介绍了一些最先配置的 dotfiles，本篇将继续介绍 lint 工具 eslint，stylelint，代码格式化工具 prettier，用 husky + lint-staged 来实现每次 commit 时只 lint 修改过的代码，以及使用 commitlint 来规范化 commit message。 es...
Eslint代码检查
Carawangc的博客
10-19 6864
最近一段时间在做React开发，由于初次接触React前端框架，很多东西都不了解，所以沿用了公司React的开发模板。完成项目架构搭建之后，上传代码到git上的时候，却一直是上传失败。Webstorm里的 Event Log 窗口给出错误：Push failed: Failed with error: fatal: unable to access ...由于看不到相关的错误详情，于是在comman
web学习笔记05-EsLint规则与配置
点柈
01-12 1万+
1.EsLint规则    ESLint Rules    所有的规则默认都是禁用的。在配置文件中，使用 "extends": "eslint:recommended" 来启用推荐的规则，报告一些常见的问题，在下文中这些推荐的规则都带有一个✔️标记。Possible Errors下面的规则指出了你可能犯错误的地方。 comma-dangle: 要求或禁止末尾逗号 no-cond-assign: 禁止
如何在 ESLint 配置文件中启用 "no-useless-escape" 规则？
最新发布
10-30
在ESLint配置文件中启用"No-useless-escape"规则，你需要在`.eslintrc`（全局配置文件）或项目特定的`.eslintrc.js`（JavaScript配置文件）内添加相应的规则配置。首先，你需要安装eslint-plugin-eslint-comments这...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值