reactjs项目中的Eslint修复警告

Question

我有警告未找到规则"构造函数中的react/state"的定义int(构造函数中的react/state(

Eslint 6.8.0版

我的文件中的代码.eslintrc.js

module.exports = {
env: {
node: true
},
extends: ['eslint:recommended', 'plugin:react/recommended'],
globals: {
Atomics: 'readonly',
SharedArrayBuffer: 'readonly'
},
parser: 'babel-eslint',
parserOptions: {
ecmaFeatures: {
jsx: true
},
ecmaVersion: 2018,
sourceType: 'module'
},
plugins: ['react'],
rules: {
strict: 0,
semi: 'error',
'react/state-in-constructor': 1,
'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }]
},
settings: {
react: {
createClass: 'createReactClass',
pragma: 'React',
version: 'detect',
flowVersion: '0.53'
},
propWrapperFunctions: [
'forbidExtraProps',
{ property: 'freeze', object: 'Object' },
{ property: 'myFavoriteWrapper' }
],
linkComponents: ['Hyperlink', { name: 'Link', linkAttribute: 'to' }]
}
};

Answer 1

需要更新eslint-plugin-reactnpm包才能使该功能正常工作。

通过运行npm install eslint-plugin-react@latest来解决。

或带纱线：yarn add eslint-plugin-react@latest