如何解決「組件已定義但從未使用過」中的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.得到錯誤，我不能修復此通過做任何事情，但挖掘網絡。我該如何解決這個錯誤？非常感謝幫助。

Answer 1

嘗試

class App extends Component {