使用 ESLint 围绕箭头主体的意外块语句答案

【问题标题】：Unexpected block statement surrounding arrow body with ESLint使用 ESLint 围绕箭头主体的意外块语句
【发布时间】：2020-12-27 03:15:51
【问题描述】：

以下代码在控制台中有此警告：

箭头主体周围出现意外的块语句；将返回值立即移动到 =` 箭头体样式

 blobToDataURL = blob => {
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.onerror = reject;
      reader.onload = e => resolve(reader.result);
      reader.readAsDataURL(blob);
    });
  };

什么意思？

【问题讨论】：

标签： javascript reactjs eslint lint arrow-functions

【解决方案1】：

箭头函数可以采用以下两种形式之一：

() => return_value;

和

() => {
    something;
    something;
    return return_value;
};

您收到的警告是您使用的是第二种格式，即使您只有一个要返回的语句，所以您可以使用第一种格式。

【讨论】：

【解决方案2】：

它希望你使用implicit return：

blobToDataURL = blob => 
     new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.onerror = reject;
      reader.onload = e => resolve(reader.result);
      reader.readAsDataURL(blob);
    });

【讨论】：