JSX expressions must have one parent element.ts 원인 해결방법

* 리액트 하다보면 비슷한 에러 보셧을거에요. 특히 다른 화면에서 동작하는거 그대로 복사 붙여넣기 하는 경우 .. 제가 그러다 이 에러를 만났네요:

JSX expressions must have one parent element.ts

JSX expressions must have one parent element 에러는 JSX 리턴 부분에 최상위 태그가 두 개 이상 있을 때 발생합니다.
즉, 리턴하는 블록에 <label> 과 <div> 가 나란히 있는 게 원인입니다.

해결방법은 간단 합니다.

둘을 하나로 감싸주면 됩니다. 방법은 두 가지:

1. <> ... </> Fragment 사용

2. 부모 <div> ... </div> 로 감싸기