JSX에서 'React'를 사용하는 경우 반드시 React/react-in-jsx-scope 범위에 포함되어야 합니다.

Question

저는 Angular 개발자이고 React를 처음 접합니다. 이것은 간단한 React 구성 요소이지만 작동하지 않습니다.

으아악

오류: JSX를 사용할 때 'React'는 반드시 React/react-in-jsx-scope

범위 내에 있어야 합니다.

Answer 1

이러한 오류를 무시하려면 .eslintrc.js / .eslintrc.json에 다음 설정을 추가하세요.

으아악

왜? NEXT.js，则无需在文件顶部导入React을 사용하고 있다면 nextjs가 대신 해줄 것입니다.

참조: https://gourav.io/blog/nextjs-cheatsheet(Next.js 치트 시트)

Answer 2

가져오기 라인은 다음과 같아야 합니다.

으아악

React의 대문자 R에 주목하세요.