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

Question

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

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

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

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

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

解析错误：意外的令牌

Answer 1

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

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