如何修復 eslint 在反應中的“組件已定義但從未使用”？

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. 到目前為止，我無法通過挖掘 web 來解決此問題。 我該如何解決這個錯誤？ 幫助將不勝感激。

Answer 1

嘗試

class App extends Component {

Answer 2

選項1：您不需要導入{Component}，因為您擴展了React.component且React已經被導入。

選項2：您可以使用Component而不是React.Component擴展您的App

Answer 3

只需刪除“import React, { Component } from 'react';” 此行和警告將得到解決，因為這不會在基於功能的組件中使用。