1、查看react版本
当前开发项目的react版本从哪里看呢？其实就在package.json文件中，搜索"react"，即可看到版本号
2、输入命令npm info react查看最新的react版本
3、执行命令
- npm install --save react@18.2.0 react-dom@18.2.0
4、错误Module not found: Error: Can't resolve 'axios'
5、执行安装npm install --save axios
NPM命令报错
解决方案卸载重新安装
nvm uninstall 14.16.1
以管理员身份卸载原node重新安装
Npm -v
6、查看react-redux版本
命令npm info react-redux、最新版 react-redux@8.0.5
安装命令 npm install --save react-redux@8.0.5
7、查看最新版本npm info react-router-dom
最新版是react-router-dom@6.8.2
安装命令 npm install --save react-router-dom@6.8.2
升级完成出现错误
V6修改点过多选则降级到v5
命令 npm install --save react-router-dom@5.2.1
8、查看最新版npm info react-router
最新版本react-router@6.8.2
安装命令 npm install --save react-router@6.8.2
9查看最新版 npm info redux
最新版redux@4.2.1
安装命令 npm install --save redux@4.2.1
10 查看npm info babel
显示最新版本号babel@6.23.0
令安装命令 npm install --save babel@6.23.0
11、查看信息npm info babel-cli
最新版本号:babel-cli@6.26.0
11、升级替换componentWillReceiveProps方法报错，所以升级对应依赖包
解决方案componentWillReceiveProps代替方案 - 漫思 - 博客园 (cnblogs.com)
修改成
static getDerivedStateFromProps(nextProps,prevState){}修改每个赋予初始值处
12、页面不停执行生命周期函数如何修改
调查原因是再返回值相同也认为有pros数据变化，受副作用影响所以进入setstade
解决方案使用其他生命周期函数替换触发条件
GitHub - reactjs/react-codemod: React codemod scripts
13、数据问提导致错误
14、升级react18后建议使用新的API用法警告
解决方案根据官方API处理方式调整先获取节点再进行渲染
红色警告解决方案root不放在body上会影响其他第三方组件发风险。
15、红色错误警告需要调查
