react.js 中的 Eslint 箭头体样式错误答案

【问题标题】：Eslint arrow-body-style error in react.jsreact.js 中的 Eslint 箭头体样式错误
【发布时间】：2017-07-02 05:56:29
【问题描述】：

使用 Airbnb 的 eslint 规则，我的反应代码中出现以下错误，但我不确定是什么错误。

const Facebook = ({ appId, url }) => {
  return (
    <div className={styles.facebook}>
      <FacebookProvider appID={appId}>
        <EmbeddedPost href={url} width="auto" />
      </FacebookProvider>
    </div>
  )
}

在第 1 行的开头出现错误 { 括号。

箭头主体周围出现意外的块语句。（箭体式）

尝试用括号括起来大括号，但反过来，<div> 的第 3 行周围出现另一个错误。

解析错误：意外的令牌

【问题讨论】：

您要创建一个函数 (Facebook)，它接受一个对象参数（具有属性 appId 和 url）或两个参数，appId 和 url？跨度>
见github.com/eslint/eslint/issues/5498
您可以使用eslint --fix自动修复它。

标签： javascript reactjs lint eslint

【解决方案1】：

尝试根据您问题的评论中的issue linked 删除花括号和返回：

const Facebook = ({ appId, url }) => 
    <div className={styles.facebook}>
        <FacebookProvider appID={appId}>
            <EmbeddedPost href={url} width="auto" />
        </FacebookProvider>
    </div>

【讨论】：

在您链接的评论之后，它说要核弹返回并围绕它。
@MayankShukla 是的。