React JS - ESLint - 使用 UNSAFE_componentWillMount、UNSAFE_componentWillUpdate 和 UNSAFE_componentWillRe

Posted

技术标签:

【中文标题】React JS - ESLint - 使用 UNSAFE_componentWillMount、UNSAFE_componentWillUpdate 和 UNSAFE_componentWillReceiveProps 忽略组件的规则【英文标题】:React JS - ESLint - Rules for ignoring components with UNSAFE_componentWillMount, UNSAFE_componentWillUpdate, and UNSAFE_componentWillReceiveProps 【发布时间】:2019-05-19 12:50:46 【问题描述】:

目前,我遇到了这些 linting 错误:

ESLint: UNSAFE_componentWillUpdate should be placed after someFunction (react/sort-comp)

ESLint: Identifier 'UNSAFE_componentWillUpdate' is not in camel case. (camelcase)

目前,我找不到要添加到 .eslintrc 以应用于前置 UNSAFE_ 组件生命周期的正确规则。我正在尝试使其适用于 react/sort-compcamelcase 规则,任何线索/帮助将不胜感激

【问题讨论】:

【参考方案1】:

你可以把它添加到你的 eslint

"camelcase": [
  "error", 
    "ignoreDestructuring": true,
    "allow": [ "^UNSAFE_" ]
  
],

这基本上只允许所有重命名的UNSAFE_ 生命周期方法。

【讨论】:

eslint 配置文件在哪里?编辑:在项目根文件夹:/.eslintrc 规则下需要添加代码:part

以上是关于React JS - ESLint - 使用 UNSAFE_componentWillMount、UNSAFE_componentWillUpdate 和 UNSAFE_componentWillRe的主要内容,如果未能解决你的问题,请参考以下文章

Node.js - 在终端中显示 ESLint 错误,如 create-react-app

React JS - ESLint - 使用 UNSAFE_componentWillMount、UNSAFE_componentWillUpdate 和 UNSAFE_componentWillRe

使用 eslint-config-airbnb 扩展名为“.js”的文件中不允许使用 JSX

react中写箭头函数怎么让eslint 不报错

(ESLint)在 VS 2017 反应项目中找不到模块“eslint-config-react-app”

如何同时使用不同的 eslint 配置 lint JS 和 TS 文件?