当使用JSX时,必须在作用域中引入’React’,当出现react/react-in-jsx-scope错误时

简述

这是在设置本地环境以完成React官方教程时遇到的错误处理方法。

错误信息

./src/App.js
  Line 2:  'React' must be in scope when using JSX  react/react-in-jsx-scope

Search for the keywords to learn more about each error.

这是执行React官方教程环境设置步骤中的第5步,即运行”npm start”时显示的内容。

安装Node.js
在刚才打开的CodeSandbox选项卡中,点击左上角按钮打开菜单,然后在菜单中选择File > Export to ZIP,将文件作为压缩文件下载到本地
解压缩压缩文件,并打开终端进入解压缩后的目录
使用npm install命令安装依赖库
使用npm start命令启动本地服务器,并按照提示操作,查看在浏览器中执行的代码

处理步骤

通过在src文件中的App.js文件中导入React可以解决此问题。

import React from 'react';

export default function Square() {
  return <button className="square">X</button>;
}

最后

在React公式教程中,建立本地环境的步骤。

即使事情不顺利,也请不要在这里气馁!

写着:“我们将坚持不懈地努力下去。”非常感谢您的阅读。

广告
将在 10 秒后关闭
bannerAds