react.js 'x' 被分配了一個值，但從未使用過 no-unused-vars

Question

我已經設置了 eslint 和 eslint-plugin-react。

當我運行 ESLint 時，linter 返回 no-unused-vars。

我假設它沒有識別出我正在使用 JSX 或 React 語法。 有任何想法嗎？

第 5:11 行：“x”被分配了一個值，但從未使用過 no-unused-vars

例子：

請幫我

---

內部文件組件

import React,{ Component } from 'react';
class Item extends Component{
   render () {
       const x = 1;
       return (
         <div>test</div>
       );
    }
};

export default Item;

---

在 file.eslintrc.json 里面

{
"env": {
    "browser": true,
    "es6": true
},
"extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "react-app","prettier"
],
"settings": {
  "react": {
    "createClass": "createReactClass"
    "pragma": "React",
    "version": "detect",
    "flowVersion": "0.53"
  },
  "propWrapperFunctions": [
      "forbidExtraProps",
      {"property": "freeze", "object": "Object"},
      {"property": "myFavoriteWrapper"}
  ],
  "linkComponents": [
    "Hyperlink",
    {"name": "Link", "linkAttribute": "to"}
  ]
},
"parserOptions": {
    "ecmaVersion": 2018,
    "ecmaFeatures": {
      "jsx": true
    }
},
"plugins": [
    "react","prettier"
],
"rules": {
  "react/jsx-uses-react": "error",
  "react/jsx-uses-vars": "error",
  "no-unused-vars": ["error", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }],
}

}

Answer 1

ESLint lint 行為是正確的。 您已聲明x但未在 JSX 中使用。 如果使用它它應該消失:)

import React,{ Component } from 'react';
class Item extends Component{
   render () {
       const x = 1;
       return (
         <div>test {x}</div>
       );
    }
};

export default Item;

Answer 2

{ "env": { "browser": true, "es6": true }, "extends": [ "eslint:recommended", "plugin:react/recommended", "react-app","prettier" ], "設置”：{“react”：{“createClass”：“createReactClass”，“pragma”：“React”，“version”：“detect”，“flowVersion”：“0.53”}，“propWrapperFunctions”：[“forbidExtraProps” ，{“屬性”：“凍結”，“對象”：“對象”}，{“屬性”：“myFavoriteWrapper”}]，“鏈接組件”：[“超鏈接”，{“名稱”：“鏈接”，“鏈接屬性” ": "to"} ] }, "parserOptions": { "ecmaVersion": 2018, "ecmaFeatures": { "jsx": true } }, "plugins": ["react","prettier" ], "rules" : { "react/jsx-uses-react": "error", "react/jsx-uses-vars": "error", "no-unused-vars": ["error", { "vars": "all ", "args": "使用后", "ignoreRestSiblings": false }] } }