react入门-基于ant design pro搭建项目

准备工作

确保node.js、npm、yarn等安装成功，并且node的版本号在14以上。

初始化

可以使用两种方式初始化脚手架：

使用 npm：npx create-umi my-test

使用 yarn：yarn create umi my-test

按照官方文档的介绍，进行步骤操作。

1、选择ant design pro
2、选择antd的语言版本为typescript
3、选择模板，simple和complete，前者是基础模板，只包含框架基本内容；后者是包括antd的方案，不适合作为基础模板进行二次开发。
4、安装依赖：cd my-test && npm install
等待安装完成
5、npm start 项目运行

对比

到目前为止：

antd 的最新版本是4.20.5
ant design pro 的最新版本是v5
react 的最新版本是18.1.0
typescript 的最新版本是4.6

根据官方文档的安装过程得到项目状态为：

antd 的版本是4.19.0
ant design pro 的版本是5.2.0
react 的版本是17.0.0
typescript 的版本是4.5

存在有部分不是最新版本的状态，所以我根据git上面的开源的代码库，拉取到最新的项目代码：

antd 的版本是4.20.0
ant design pro 的版本是5.2.0
react 的版本是17.0.0
typescript 的版本是4.5

尝试对ant design 和 react 的版本进行升级：

yarn add antd@lates;
yarn add react@rc react-dom@rct

在拉取到的项目里面进行尝试，对版本进行升级

升级react

由此发现，react更新失败。

更新antd:

antd 的更新也是失败。

在按照官方文档创建的项目中，升级react：

只有一部分更新成18.0.0，没有全部更新
运行项目，发现失败，src/umi里面有一部分文件找不到，或者node_moudles里面有部分文件查找不到。随后询问工作经验丰富的程序员，得知升级失败，是其中的一个组件不能升级，所以等待未来官方更新以后，再进行整体升级，目前版本并不影响业务实现。
所以升级失败，恢复到初始状态。