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

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

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

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

1 个答案: