ESLint throwing no-unused-vars for reactjs data component

Question

>有谁知道如何解决这个 linting 问题？它声称我没有使用任务组件。谢谢！

"任务组件"被分配了一个值，但从未使用过。(无未使用的变量(

describe('root tests', () => {
it('renders without crashing', () => {
const TasksComponent = TasksWithData(Tasks);
const root = document.createElement('root');
ReactDOM.render(<TasksComponent {...taskconfig} />, root);
ReactDOM.unmountComponentAtNode(root);
});
});

这是我的 .eslintrc 文件：

module.exports = {
"env": {
"browser": true,
"es6": true,
"jest": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaFeatures": {
"experimentalObjectRestSpread": true,
"jsx": true
},
"sourceType": "module"
},
"plugins": [
"react"
],
"rules": {
"indent": [
"error",
4
],
"quotes": [
"warn",
"single"
],
"semi": [
"error",
"always"
]
}
};

Answer 1

你有规则吗

jsx-uses-vars 和 JSX-uses-react

添加到您的 eslint 配置中？

我认为这些应该可以解决您的问题。