Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (ERROR)

박상훈·2022년 11월 23일
0
post-thumbnail

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

react에 내에서는 태그 하나에 감싸져 있어야 된다는 유명한 에러

그렇기에 처음에 컴포넌트로 감싸넣고 태그를 작성하기에 왜 이 오류가 나오는지 이해를 하지 못하였다.

문제의코드

문제원인

return 문 안에도 감싸줘서 시작해줘야 한다.

맨처음에만 감싸주면 되는줄 알았는데 return에서도 감싸주니 해결이되었다.

// 문제코드
return (
<img><img>
<h3><h3>
)
// 해결코드
return (
<div>
	<img></img>
	<h3></h3>
 </div>
)
profile
다들 좋은 하루 되세요

0개의 댓글