eslint-plugin-react 使用 Render 返回语法错误

Posted 2023-02-22

【中文标题】eslint-plugin-react 使用 Render 返回语法错误

【英文标题】：eslint-plugin-react return syntax error with Render

【发布时间】：2018-12-05 03:17:07

【问题描述】：

我想在 React 和 Airbnb 配置中使用 eslint。在我的 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 lint ...我不明白为什么会出现此错误。

谁能帮帮我？

【问题讨论】：

能否请您显示完整的错误消息，最好是文本而不是图像？

【参考方案1】：

你能添加规则吗

jsx-uses-vars 和 jsx-uses-react

到你的 eslint 配置？

我认为这些应该可以解决您的问题。