我的 react
代码正常:
import React from 'react';
import Header from '../components/Common/Header';
// ...
header: (props) => <Header {...props} />
// ...other code
我只是想证明所有的 imports
都被使用了,但仍然给出错误的错误。
我正在使用 ESlint
配置 no-unused-vars
规则,但不幸的是它正在这样做:
E:\React\sg_app\src\containers\Todo\TodoScreen.js
1:8 error 'React' is defined but never used no-unused-vars
2:10 error 'View' is defined but never used no-unused-vars
2:28 error 'StatusBar' is defined but never used no-unused-vars
5:8 error 'TodoFilter' is defined but never used no-unused-vars
6:8 error 'TodoListView' is defined but never used
我的eslint配置
module.exports = {
"extends": "eslint:recommended",
"parser": "babel-eslint",
"env": {
"es6": true,
"jest": true,
},
"parserOptions": {
"sourceType": "module",
},
"rules": {
"semi": "warn",
"no-unused-vars": "warn",
"no-use-before-define": "off",
"no-multiple-empty-lines": ["warn", {"max": 2}],
"no-console": "warn",
"arrow-parens": ["error", "as-needed"],
"comma-dangle": "off",
// "import/first": "error"
}
};
我如何阻止 eslint
向 React、View
等用作组件但错误地显示为未使用的导入提供错误?
最佳答案
回答这个以供任何人将来引用
我根据@FunkeyFlo 的建议找到了解决方法
谢谢你的建议
plugin:react/recommended
这个npmjs.com/package/eslint-plugin-react为了使 eslint 在 react 中工作,package extend 是必需的。
"extends": [
"eslint:recommended",
"plugin:react/recommended" //this plugin is required to use eslint for react, otherwise we will get errors for 'React' import, as 'no-unused-vars'
],
https://stackoverflow.com/questions/63285822/
相关文章:
node.js - cors 问题与 passport.js google oauth 策略
caching - Mike Acton 的面向数据设计 - 'loops per cache li
python - 当某些列值为空时,如何合并 Dataframe 中的多行?
angular - 如何更新 Angular 中提供者提供的值?
azure - 从 TFS 2013 到 Azure Devops 服务的源代码迁移
angular - ionic /Angular 将对象推送到数组对象
c++ - 使用 CMake 与网络构建 Qt 项目导致 undefined reference
php - 在 Laravel 中通过表格获得一行的最佳方法是什么?