ESLint验证JSX文件

-1

我使用ESLint来检查我的反应代码。但是，它无法识别反应组件标签中的变量。 ESLint把错误'no-unused-vars'扔给我（变量'Comp'）。但我一直在使用这个变量在我的代码ESLint验证JSX文件

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

来源

2017-07-19 Stephen Mu

首先，代替图像，尝试粘贴代码。 –

比较遗憾的是，这是我的错 –

'“规则”：{ “反应/ JSX用途 - 瓦尔”：2 }' 可能这可以帮助你 –

添加{rules": { "react/jsx-uses-vars": 2 }可以帮你的配置。你可以花一些时间阅读this。

来源

2017-07-19 08:12:42

ESLint验证JSX文件

回答

相关问题