问题标签 [eslint-plugin-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2879 浏览

reactjs - react/no-did-update-set-state linter 规则替代

我的应用程序正在使用React 15,我们正在避免使用componentWillReceivePropsin 组件(因此在迁移到 React 16+ 时它的工作量会减少)。记住这一点,根据之前的 props 设置 State 的合适位置是componentDidUpdate. 但是使用 linter 规则react/no-did-update-set-state,我们得到以下错误:

error Do not use setState in componentDidUpdate react/no-did-update-set-state

从给出的解释https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-did-update-set-state.md,规则是有意义的。

什么是替代(不禁用规则)......意味着我们应该在哪里设置状态以遵守此规则?

0 投票
0 回答
152 浏览

javascript - React 组件类方法的 ESlint no-undef 规则

在这种情况下是否可以检测到未定义的方法?

0 投票
1 回答
553 浏览

eslint - 如何调试 eslint 规则?

我想调试 eslint 规则以进行性能优化。有什么方法可以使用浏览器/命令行/工具对其进行调试?

0 投票
1 回答
46 浏览

eslint - ESLint "Unexpected token)" 也掩盖了文件中的其他问题

我在 React 项目中与 Prettier 一起实现 ESLint,下面的代码给出了令人沮丧的解析错误。

奇怪的是,当我在第二个参数传递给 之后删除逗号时render,该解析错误消失了,揭示了缺少该逗号的预期问题,tier_comparision_app以及未定义的另一个问题。

更奇怪的是,进行上述更改揭示了文件中更早的问题使用==而不是有关===,这也是预期的行为。关于可能导致这种情况的任何想法?我创建了我的 Pastebin,.eslintrc.json因为它的规则有点密集。

0 投票
0 回答
44 浏览

reactjs - Lint DOM/Component 属性值到 camelCase

我想将className我的 DOM 元素和组件上的属性值强制为 camelCase。

示例 DOM 元素:

示例组件:

我试图解决这个问题,"@typescript-eslint/naming-convention"但找不到属性值的选择器。很容易配置属性应该遵循约定,而不是它们的值(属性值)

我也无法从ESLintor中找到合适的规则eslint-plugin-react

0 投票
0 回答
913 浏览

reactjs - 无法加载配置“更漂亮”以扩展。(此问题的先前参考没有帮助)

执行上述命令后,我面临以下问题

无法加载在“.eslintrc.js”中声明的插件“prettier”:找不到模块“eslint-plugin-prettier”需要堆栈:-/home/tahmid/latest_projects/Etherium/Etherium_Transactions/React_Etherium/react-dapp/node_modules/react -scripts/config/ placeholder.js引用自:/home/tahmid/latest_projects/Etherium/Etherium_Transactions/React_Etherium/react-dapp/.eslintrc.js

为了解决这个错误,我使用了以下 -

然后就出现了——

引用自:/home/tahmid/latest_projects/Etherium/Etherium_Transactions/React_Etherium/react-dapp/.eslintrc.js

为了解决它,"eslint": "^5.8.0",将此添加到我的 package.json 并执行此命令 -npm i eslint-plugin-prettier

然后发生了——

所以我安装了这个

什么都没有改变

现在我完全不知道下一步该做什么

包.json

eslint-plugin-prettier.js

应用程序.js

0 投票
0 回答
33 浏览

eslint - VSCode ESLint 如何使用全局 eslint-plugin-react 和 eslint-plugin-react-native

我正在尝试将 VSCode ESLint 扩展与全局安装eslint以及包的全局安装eslint-plugin-reacteslint-plugin-react-native.

但是,在启动时,ESLint 服务器输出报告错误:

据我了解,ESLint 尝试加载相对于.eslintrc.json路径的插件 - 这是当前打开项目的文件夹。
相反,eslint-plugin-reacteslint-plugin-react-native包安装在项目路径之外的全局纱线包目录中。

有没有办法设置扩展以使用全局安装的包?如果可以设置这样的话,那就太好了,如果有本地包可用,则使用它们,如果本地包不可用,则回退到全局包。

ps以上是针对Mac OS环境的,有zsh

0 投票
0 回答
87 浏览

reactjs - 缺少文字字符串周围的 JSX 表达式容器:“提交”react/jsx-no-literals

我刚刚添加eslint-plugin-react到我的反应项目中,而我正在尝试向我的项目中添加一个按钮,如下所示:

eslint 开始责怪代码风格并抛出以下错误:

对此有任何想法吗?任何想法和建议将不胜感激:)

0 投票
0 回答
32 浏览

html - 停止 eslint 将 .html 文件作为 .jsx 处理

我的反应项目得到了以下 .eslintrc 文件:

我的项目中有一些纯 .html 文件,问题是 eslint 将 .html 文件作为 .jsx 文件处理,这在 html 文件中给出了以下 eslint 错误:

在此处输入图像描述

在不将 .html 添加到 .eslintignore 的情况下如何解决这个问题?我不想将 .html 添加到 .eslintignore 因为我想要 eslint 在 .html 文件上的默认 linting。