'React' is not defined. 에러 해결

React 책을 보면서 공부를 하던 도중, React.Fragment를 사용하여

 

여러 요소들을 감싸주었는데, 아래 이미지와 같은 에러가 나오면서 정상적으로 동작이 되지 않았습니다.

 

그래서 인터넷에서 찾아보니 맨 윗단에 React를 import 해주어야 합니다.

 

따라서 아래와 같이 맨 위에 React를 import 해주면 정상적으로 동작을 하게 됩니다.

import React from 'react'

function App() {
  return (
    <React.Fragment>
      <h1>Hello World</h1>
      <h2>This is my first React component</h2>
    </React.Fragment>
  );
}

export default App

 

 

 

이상 입니다.