[React] JSX expresstion must have one parent element 오류 해결

JSX expresstion must have one parent element

해당 오류는 return할 요소가 2개 이상일 때 주로 발생하는 오류이다.

javascript에서 return은 하나의 요소를 리턴 할 수 있다.

 

여러 요소들을 리턴하고 싶다면 <div> 태그로 감싸서 하나의 요소로 묶으면 된다.

오류 메세지가 사라진 모습을 볼 수 있다.