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 文件的主要内容,如果未能解决你的问题,请参考以下文章
如何配置 package.json 在 js 和 jsx 文件上运行 eslint
使用 eslint-config-airbnb 扩展名为“.js”的文件中不允许使用 JSX