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

Question

老师你好，

想问下如何创建一个 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，谢谢

Answer 1

张轩 2023-10-13 09:11:16

同学你好

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

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

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

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

import React from "react"

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

• 提问者 慕用3287934 #1

  谢谢老师，我已经可以正常运行项目