[React] 'React' must be in scope when using JSX error 오류해결

CRA 를 실행시키니 에러가 떴다.

'React' must be in scope when using JSX error 

 

 

해결법

React를 임포트 시켜준다.

import React from 'react';

JSX는 자바스크립트 문법의 확장으로 ECMA 표준이 아니다. 따라서  create-react-app따라서 JSX를 사용할 때마다 표준 JavaScript로 변환하려면 바벨과 같은 툴이 필요하다. 바벨이 JSX가 사용되었음을 알고 이를 변환하도록 하기 위해서는 React를 임포트해주어야 한다.

 

---

참고

https://stackoverflow.com/questions/56562685/react-must-be-in-scope-when-using-jsx-error-in-routes-js-file

'React' must be in scope when using JSX error in routes.js file