ESLint 반응 오류 화살표 몸체를 둘러싼 예기치 않은 블록 문

Question

const App =() => { 
    return (
     <div className="app"> 
      <div className="landing"> 
       <h1>svideo</h1> 
       <input type="text" placeholder="Search" /> 
       <a>or Browse All</a> 
      </div> 
     </div> 
    ); 
}; 

AirBnB 구성 사용. JSX

4시 19분 오류 예기치 않은 블록 문 주위의 화살표 바디 화살표 바디 스타일은 다른 모든 논리없이 돌아

Answer 1

를 사용하여 구성 요소에서이 오류를 반응 얻기는 eslinter 당신이 블록을 제거하고 싶어 암시 적으로 리턴 값을 사용하십시오 :

const App =() => (
    <div className="app"> 
    <div className="landing"> 
     <h1>svideo</h1> 
     <input type="text" placeholder="Search" /> 
     <a>or Browse All</a> 
    </div> 
    </div> 
);