Reactjs ESLint验证JSX文件

我使用ESLint检查我的react代码。但是，它无法识别react组件标记中的变量。ESLint向我抛出错误“无未使用的变量”（变量“Comp”）。但是我在代码中使用了这个变量

export function TestHoc() {
    return function (Comp) {
        class testHocComponent extends PureComponent{
            render(){
                const props={
                    'x':1,
                    'y':2,
                    'z':3
                };

                return (
                    <Comp {...props}/>
                );
            }
        }
        return testHocComponent;
    };
}

---

添加

{rules]：{“react/jsx使用vars”：2}

可以帮助您。您可以抽出一些时间阅读。

首先，尝试粘贴代码而不是图像。很抱歉，这是我的错

“rules”：{“react/jsx使用vars”：2}

可能这可以帮助您解决问题，我是ESLint的新手，我将尝试这种方法在此处添加完整的lint文件，以便您可以轻松地提供帮助，如果添加规则后仍然存在一些问题，请告诉我。。

"env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
},
"parserOptions": {
    "ecmaVersion": 6,
    "ecmaFeatures": {
        "experimentalObjectRestSpread": true,
        "jsx": true,
        "arrowFunctions": true,
        "classes": true,
        "modules": true,
        "defaultParams": true
    },
    "sourceType": "module"
},
"parser": "babel-eslint",
"plugins": [
    "react"
],