Parsing error
-
Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?React.js (리액트) 를 시작하자./React (리액트)란? 2024. 1. 31. 00:01
Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment ...? 오류에 대해 알아보자. 작업하다가 컴파일 에러로 이런화면 많이 보았을것이다. 이런 에러들을 마주하게 되었다면, 이에러는 리액트 컴포넌트 return 문안에서 루트 태그가 하나가 아니기 때문에 발생한 에러라고 보면된다. 지난 JSX 포스트 글에 올린 내용과 같이, JavaScript에서 함수는 단일 값만 반환한다. 즉, 한개만 리턴한다는 말이다. 이 특성을 JSX와 React컴포넌트에서도 그대로 적용되기 때문에 루트 JSX도 단일 요소 하나만 있어야한다. 문제 예시 코드 : IDE에서 물론 경고를 주기에 실수를 안하겠..