代码之家 › 专栏 › 技术社区 › Ralph David Abernathy

如何使用eslint解决警告:在RETURN语句中不允许赋值(不允许赋值)?

eslint-config-airbnb eslint recaptcha reactjs javascript

Ralph David Abernathy · 技术社区 · 6 年前

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

下面是组件的外观,带有eslint警告:

this.recaptcharef is defined like so: this.recaptcharef=react.createref();


   
    
     
      
       当我的窗体出现错误时,此引用允许我重置RecapTCha,如so:
       
        this.RecapTCharef.Reset();
        
        
       
      
      
       
        
         如果不编写eslint注释,如何解决此错误?
         
         
        
        
         下面是组件的外观,带有eslint警告:
         
          
         
        
        
        
        
         
          this.recaptchaRef
         
         定义如下:
         
          this.recaptchaRef = React.createRef();
         
        
        
         当我的表单出现错误时,此引用允许我重置recaptcha,如下所示:
         
          this.recaptchaRef.reset();
         
        
        
         如果不编写eslint注释,如何解决此错误?

2 回复 | 直到 6 年前

CertainPerformance 6 年前

箭头功能,如果没有 { 跟随 => ,将返回后面的任何表达式。目前,您的箭头函数正在分配 event 到 this.recaptchaRef 和返回 事件 .(即使消费者完全忽略了返回值,它仍然会生成一个起毛错误。)因此,只需使用花括号来确保不返回任何内容:

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

GauravLuthra 6 年前

根据以下文件: Arrow functions 他们可以有一个“简洁的身体”或通常的“块体”。

在简洁体中,只指定一个表达式,该表达式将成为显式返回值。在块体中,必须使用显式返回语句。

因此,在您使用的示例中,指定了“简明正文”。简洁的正文意味着没有环绕的花括号。因此,即使没有返回关键字,也会返回表达式。因为要避免返回表达式,所以需要将正文更改为“块正文”,即在后面指定花括号 => 操作员,即

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

推荐文章

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Agrim Singh · 对象无效,因为使用React router dom时显示React子错误

1 年前

Anaya Ammar · 渲染后未显示的值

1 年前

matin kahrizi · 当我的状态更改时,useSelector不更新

1 年前

YotiPoti · 我的照片太大了,无法容纳我的HTML画布。我该怎么办?

1 年前

Zemelon · -moz背面可见性不适用于顺风css

1 年前

Abdelaziz Elrasheed · 如何成为专业的网页开发人员。。。?[已关闭]

1 年前

JustTrynaProgram · React和Tailwind-从配置中读取自定义断点值

1 年前

Mark C. · 制作一个可松开的单选按钮[关闭]

1 年前

Tridip Lodh · 在ES6中,JAVASCRIPT函数在“严格使用”模式下的行为如何?[已关闭]

1 年前