如何全局将React JS版本从17降级到15.02

核心操作步骤 #

• 第一步：卸载当前安装的高版本React相关核心包
  如果你使用npm作为包管理器，执行：
  npm uninstall react react-dom
  如果你使用yarn作为包管理器，执行：
  yarn remove react react-dom
• 第二步：安装指定版本的React核心包
  使用npm执行：
  npm install react@15.0.2 react-dom@15.0.2 --save
  使用yarn执行：
  yarn add react@15.0.2 react-dom@15.0.2

降级后适配注意事项 #

• 打开项目根目录的package.json文件，检查dependencies字段下的react、react-dom版本号，确认没有^、~等版本前缀，避免后续安装依赖时自动升级到更高版本，如有前缀直接手动修改为固定版本号即可：

  "dependencies": {
    "react": "15.0.2",
    "react-dom": "15.0.2"
  }
  

• 项目中如果使用了和React版本强绑定的第三方依赖（如react-router、antd、react-redux等），需要同步降级到适配React15的对应版本，否则会出现兼容报错。
• React15不支持16及以上版本新增的特性，包括但不限于Hooks、Fragments、新版Context API、Portals等，如果原有代码用到了上述特性，需要修改为React15支持的写法。
• 如果你使用create-react-app搭建的项目，需要同步将react-scripts降级到0.9.x及以下版本，更高版本的react-scripts不再兼容React15。
• 完成所有版本修改后，清理依赖缓存后再启动项目，避免缓存导致的版本异常：
  npm用户执行：npm cache clean --force
  yarn用户执行：yarn cache clean

内容的提问来源于stack exchange，提问作者pankaj verma