eslint-plugin-react返回語法錯誤與渲染

Question

我想將eslint與React和Airbnb配置一起使用。 在我的package.json中，我可以看到以下軟件包：

• “ babel-eslint”：“ ^ 8.2.5”，
• “ eslint”：“ ^ 5.0.1”，
• “ eslint-config-airbnb-base”：“ ^ 13.0.0”，
• “ eslint-config-prettier”：“ ^ 2.9.0”，
• “ eslint-loader”：“ ^ 2.0.0”，
• “ eslint-plugin-import”：“ ^ 2.13.0”，
• “ eslint-plugin-prettier”：“ ^ 2.6.1”，
• “ eslint-plugin-react”：“ ^ 7.10.0”，

我的.eslintrc文件：

{
"extends": [
    "airbnb-base",
    "prettier",
    "prettier/react",
    "prettier/standard",
    "eslint:recommended",
    "plugin:react/recommended"
],
"parser": "babel-eslint",
"parserOptions": {
    "sourceType": "module",
    "ecmaVersion": 8,
    "ecmaFeatures": {
    "experimentalObjectRestSpread": true,
    "impliedStrict": true,
    "classes": true
    }
},
"env": {
    "browser": true,
    "node": true,
    "jquery": true
},
"plugins": ["react", "prettier"]
}

而且，如果我測試渲染React組件，則會遇到此語法錯誤。

看起來好像不使用React皮棉...我不明白為什么會有這個錯誤。

有人可以幫助我嗎？

Answer 1

您可以添加規則嗎

jsx-uses-vars和jsx-uses-react

到您的eslint配置？

我認為這些應該可以解決您的問題。