react.js 中的 Eslint arrow-body-style 错误

Question

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

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

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

Unexpected block statement surrounding arrow body. (arrow-body-style)

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

Parsing error: Unexpected token

Answer 1

根据您问题的评论中的 issue linked，尝试删除大括号和 return：

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

react.js 中的 Eslint arrow-body-style 错误

Eslint arrow-body-style error in react.js

javascript

lint

reactjs

eslint