reactjs 项目中的 Eslint 修复警告

Question

我有规则'react/state-in-constructor'的警告定义不是foundeslint（react/state-in-constructor）

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