React降版本--最新版本降到17版本

React脚手架意义

1. 脚手架是开发现代Web应用的必备。
2. 充分利用Webpack、Babel、ESLint等工具辅助项目开发。
3. 零配置，无需手动配置繁琐的工具即可使用。
4. 关注业务，而不是工具配置。

// 包管理工具初始化

npm init -y

// 使用npx临时下载react脚手架create-react-app,并局部安装react项目

// 项目名称是project-name

npx create-react-app project-name

将18.xx降为17.xx可能会出错

 

执行以下命令行之后 ，再修改文件index 中的引入方式

npm i react-dom@17.0.2 --legacy-peer-deps

npm i react@17.0.2 --legacy-peer-deps

修改src/index.js：

import React from 'react'

// 18

// import ReactDOM from 'react-dom/client'

// 17

import ReactDOM from 'react-dom'

import './index.css'

import App from './App'

import reportWebVitals from './reportWebVitals'

// 18

// const root = ReactDOM.createRoot(document.getElementById('root'));

// root.render(

// <React.StrictMode>

//           <App />

// </React.StrictMode> // );

// 17

ReactDOM.render(

        <React.StrictMode>

                <App />

        </React.StrictMode>,

        document.getElementById('root')

)