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>