[英]ESLint not detecting imported React Components
我遇到一個問題,ESLint無法使用“ no-unused-vars”規則檢測導入的React組件。 我的組件是導入的:
import MediaQuery from 'react-responsive';
該組件在文件中的更下方使用:
render() {
return (
<MediaQuery maxDeviceWidth={750}>
<div style={styles.iconMobileContainerRight} >
<i className="fa fa-chevron-right" style={styles.checkboxMobile} aria-hidden="true" ></i>
</div>
</MediaQuery>
);
}
我的.eslintrc.js文件如下:
module.exports = {
"env": {
"browser": true,
"commonjs": true,
"es6": true,
"node": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaFeatures": {
"experimentalObjectRestSpread": true,
"jsx": true
},
"sourceType": "module"
},
"plugins": [
"react"
],
"rules": {
"indent": [
"error",
2
],
"linebreak-style": [
"error",
"unix"
],
"quotes": [
"error",
"single"
],
"semi": [
"error",
"always"
]
}
};
我正在使用安裝了linter和linter-eslint軟件包的原子文本編輯器(均為最新版本)。 使短絨檢測到導入組件的使用,我缺少什么?
默認情況下,ESLint不檢測JSX中使用的變量。 要將其標記為已使用,應使用eslint-plugin-react插件的jsx-uses-vars規則。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.