reaction.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에 따라 반환을 제거해보십시오 :

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