javascript - 如何使用 ESlint : Disallow Assignment in return Statement (no-return-assign)? 解决警告

Question

我在我的 React 应用程序中使用以下包来生成 Recaptcha 组件:https://github.com/appleboy/react-recaptcha

组件如下所示，带有 eslint 警告:

this.recaptchaRef 定义如下:this.recaptchaRef = React.createRef();

当我的表单出现错误时，此 ref 允许我重置 Recaptcha:this.recaptchaRef.reset();

如果不编写 ESlint 注释，我将如何解决此错误？

Answer 1

如果 => 后面没有 {，箭头函数将返回后面的任何表达式。目前，您的箭头函数正在将 event 分配给 this.recaptchaRef 并返回 event。 (即使消费者完全忽略返回值，它仍然会产生 linting 错误。)因此，只需使用大括号来确保不返回任何内容:

ref={(event) => {
  this.recaptchaRef = event;
}}