如何修复 React 中的"eslint(no-un-unused-vars)"错误

Question

由于我已经在我的项目中安装了babel-eslint、eslint-plugin-react和eslint-plugin-es并在.eslintrc中配置它们，似乎之前大多数奇怪的问题 eslint 输出都已经消失了。但这里仍然有一个问题让我非常困惑。 这是我的一个 React 组件中的一个函数：

mouseMove = (e) => {
window.onmousemove = (e) => {
// ...
};
}

'e' 被声明但从未使用过(no-unuesd-vars(

Answer 1

如果不使用e变量，则应将其删除：

mouseMove = () => {
window.onmousemove = () => {
// ...
};
}

Answer 2

上述e已被再次使用名为e的参数在作用域中声明函数mouseMove遮蔽。没有办法进入onmouseover内部的外部e，所以eslint会抱怨。

您可以通过删除mouseMove的参数e或重命名它来解决此问题。

希望这能有所帮助。