react 升级 - 技术栈

1、查看react版本

当前开发项目的react版本从哪里看呢？其实就在package.json文件中，搜索"react"，即可看到版本号

2、输入命令npm info react查看最新的react版本

3、执行命令

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、最新版 [email protected]

安装命令 npm install --save [email protected]

7、查看最新版本npm info react-router-dom

安装命令 npm install --save [email protected]

升级完成出现错误

V6修改点过多选则降级到v5

命令 npm install --save [email protected]

8、查看最新版npm info react-router

安装命令 npm install --save [email protected]

9查看最新版 npm info redux

安装命令 npm install --save [email protected]

10 查看npm info babel

显示最新版本号[email protected]

令安装命令 npm install --save [email protected]

11、查看信息npm info babel-cli

11、升级替换componentWillReceiveProps方法报错，所以升级对应依赖包

修改成

static getDerivedStateFromProps(nextProps,prevState){}修改每个赋予初始值处

12、页面不停执行生命周期函数如何修改

调查原因是再返回值相同也认为有pros数据变化，受副作用影响所以进入setstade

解决方案使用其他生命周期函数替换触发条件

13、数据问提导致错误

14、升级react18后建议使用新的API用法警告

解决方案根据官方API处理方式调整先获取节点再进行渲染

红色警告解决方案root不放在body上会影响其他第三方组件发风险。

15、红色错误警告需要调查