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

증상

 

원인

 컴포런트 랜더링시 반환되는 루트 로드가 1개가 아니기 때문.

 

 문제 소스

function App() {
  return (
    
      <h1>나의 시험 점수</h1>
      <ul>
        <li>국어 80</li>
        <li>영어 75</li>
      </ul>
    

  );
}

 

 올바른 소스

function App() {
  return (
    <div>
      <h1>나의 시험 점수</h1>
      <ul>
        <li>국어 80</li>
        <li>영어 75</li>
      </ul>
    </div>

  );
}