React.js mit ESlint Einstellungen

Question

Wenn ich ESLint meinen Code überprüfen, habe ich diesen Fehler --- ‚Reagieren‘ definiert, aber nie benutzt keine ungenutzten-Vars

import React from 'react'; 
const app=({})=>{ 
    return <div>123</div>; 
}; 
export default app; 

Wie konnte ich meine ändern. eslintrc.json Datei um diesen Fehler zu beheben?

Answer 1

Verwenden Sie eslint-plugin-react Eslint-Plugin, das react spezifische Linting-Regeln für eslint einführt.

Einfach können Sie es mit npm installieren und konfigurieren Sie es in Ihrer eslint Config-Datei.

npm install eslint-plugin-react --save-dev

{ 
    "plugins": [ 
    "react" 
    ] 
} 

und dann müssen Sie react/jsx-uses-react Regel in eslint Konfigurationsdatei aktivieren.

"rules": { 
    // other rules, 
    "react/jsx-uses-react": 2 
} 

Oder Sie können Sie alle empfohlenen ermöglichen eslint-Plugin reagieren configs mit extends Eigenschaft.

{ 
    "extends": [... /*other presets*/, "plugin:react/recommended"] 
} 

Dies wird jedoch einige additional rules auch ermöglichen, die gute Praktiken Reagieren erzwingt.