React.js與ESlint設置

Question

當我使用ESLint檢查我的代碼，我得到這個錯誤---「陣營」的定義，但從來沒有使用任何未使用的 - 瓦爾

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

我怎麼能修改我的。 eslintrc.json文件來解決這個錯誤？

Answer 1

使用eslint-plugin-react eslint插件，它爲eslint引入了React特定的linting規則。

只需將它與npm一起安裝並將其配置到eslint配置文件中即可。

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

{ 
    "plugins": [ 
    "react" 
    ] 
} 

，然後你需要啓用eslint配置文件react/jsx-uses-react規則。

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

或者你也可以啓用與extends財產所有推薦eslint-插件反應的CONFIGS。

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

然而，這將使一些additional rules也是其強制執行作出反應良好做法。