如何修复 "Component is defined but never used" for eslint in react？

Question

这是我在 .eslintrc.json 文件中的 eslint 配置：

 {
        "env": {
            "browser": true,
            "commonjs": true,
            "es6": true
        },
        "extends": "eslint:recommended",
        "parserOptions": {
            "ecmaVersion": 6,
            "ecmaFeatures": {
                "experimentalObjectRestSpread": true,
                "jsx": true
            },
            "sourceType": "module"
        },
        "plugins": [
            "react"
        ],
        "rules": {
            "react/jsx-uses-react": "error",
            "react/jsx-uses-vars": ["error"],
            "indent": 0,
            "linebreak-style": [
                "error",
                "windows"
            ],
            "quotes": [
                "error",
                "single"
            ],
            "semi": [
                "error",
                "always"
            ]
        },
        "settings": {
        "react": {
          "pragma": "React",
          "version": "15.0"
        }
      }
    }

这是来自下面反应工作区的app.jsx：

 import React, { Component } from 'react';

    class App extends React.Component {
      render () {
        return(
          <h1>Hello Newbies</h1>
        );
      }
    }

    export default App;

我从 eslint 收到错误 'Component' is defined but never used. 到目前为止，我无法通过挖掘网络来解决这个问题。我该如何解决这个错误？非常感谢您的帮助。

Answer 1

尝试

class App extends Component {

Answer 2

选项 1： 您不需要导入 {Component}，因为您扩展了 React.component 并且 React 已经导入了。

选项 2： 您可以使用组件而不是 React.Component

来扩展您的应用程序

如何修复 "Component is defined but never used" for eslint in react？

How to fix "Component is defined but never used" for eslint in react?

javascript

reactjs

eslint