ESLint 验证 JSX 文件

Posted

技术标签:

【中文标题】ESLint 验证 JSX 文件【英文标题】:ESLint validate JSX file 【发布时间】:2017-12-24 08:07:49 【问题描述】:

我使用 ESLint 检查我的反应代码。但是,它无法识别反应组件标签中的变量。 ESLint 向我抛出错误“no-unused-vars”(变量“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;
    ;

这是我的 ESLint 的配置

"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"
],

【问题讨论】:

首先,代替图片,尝试粘贴代码。 对不起,这是我的错 "rules": "react/jsx-uses-vars": 2 可能对你有帮助 谢谢,我是 ESLint 的新手,我会尝试这种方式 在此处添加完整的 lint 文件,以便可以轻松提供帮助,如果添加规则后仍有问题,请告诉我.. 【参考方案1】:

添加rules": "react/jsx-uses-vars": 2 可以帮助您。您可以抽出时间阅读this。

【讨论】:

以上是关于ESLint 验证 JSX 文件的主要内容,如果未能解决你的问题,请参考以下文章

Atom eslint 和 jsx/react 设置

如何配置 package.json 在 js 和 jsx 文件上运行 eslint

使用 JSX 配置 eslint

使用 eslint-config-airbnb 扩展名为“.js”的文件中不允许使用 JSX

React ESLint Config“意外的文件扩展名JSX”

Atom 中的 Eslint 在有效的 JSX 语法上出错