[React 리액트] 에러 해결

리액트로 프로젝트 하는 도중에 에러 발생!

 

Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

 

제대로 하라네... 원래 이렇게도 되는데 JSX 까다로운 친구다

 

맨 끝쪽을 <div>로 크게 묶어주면 문제 해결이다

 

 

 

++++ 추가 합니다.

저때는 리액트 잼민이 시절이라 1도 모르고 했을 때라 원래 되는 거라고 생각했지만 아니었습니다...

JSX는 자식 태그를 감싸는 부모 태그가 꼭 있어야하고, 저렇게 써도 되지만

<> </> 이렇게 빈 태그를 사용해도 됩니다.