当使用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公式教程中,建立本地环境的步骤。
即使事情不顺利,也请不要在这里气馁!
写着:“我们将坚持不懈地努力下去。”非常感谢您的阅读。