如何解决“组件已定义但从未使用过”中的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 {