如何使用旧版本 React 16 初始项目

来源:2-2 文件代码结构

慕用3287934

2023-10-12

老师你好,

想问下如何创建一个 React 16 的项目,和你的环境保持一致。我跟着这个教程试了一下:https://dev.to/lowla/create-react-app-with-a-previous-version-of-react-4g03

但 npm start 的时候依然报错:

./src/App.js
  Line 6:   'React' must be in scope when using JSX  react/react-in-jsx-scope
  Line 7:   'React' must be in scope when using JSX  react/react-in-jsx-scope
  Line 8:   'React' must be in scope when using JSX  react/react-in-jsx-scope
  Line 9:   'React' must be in scope when using JSX  react/react-in-jsx-scope
  Line 10:  'React' must be in scope when using JSX  react/react-in-jsx-scope
  Line 12:  'React' must be in scope when using JSX  react/react-in-jsx-scope

能否补充一下一些目前 2023 关于环境搭建的 tips,谢谢

写回答

1回答

张轩

2023-10-13

同学你好

这里有两个建议,第一:可以直接使用 React 最新版本,因为它是向后兼容的,还是可以使用 React16 的代码的。

第二:也可以使用和课程完全相同的 React16:

这个错误是说在 React16 中,React 组件每个都必须引入 React,因为要使用 jsx,引入 React 必须的,后面的版本就不需要了。

所以解决方案就是在 App.js 中手动引入一下就可以:

import React from "react"

注意是以后写每个组件都需要引入欧。

0
1
慕用3287934
谢谢老师,我已经可以正常运行项目
2023-10-14
共1条回复

React16组件化+测试+全流程 实战在线账本项目

轻松上手,从设计图到上线,精通组件化思维和组件测试

713 学习 · 177 问题

查看课程