一、React 版本了解
初学 React 时，熟悉其版本及常用配套工具版本至关重要，这能助你避免后续学习中因版本问题而浪费时间。以下为本次学习所用版本，并通过简单示例成功运行：
- antd ：v5.24.3
- react ：19.0.0
- react-dom ：19.0.0
- react-router-dom ：7.3.0（需至少 react 18）
- create-react-app ：5.0.1
将 React 19 与 antd v5 集成时，需进行额外处理。推荐使用兼容包，安装命令如下：
npm install @ant-design/v5-patch-for-react-19 --save
在应用入口处引入兼容包：
import '@ant-design/v5-patch-for-react-19';
官网说明地址：ant-design.antgroup.com/docs/react/…
查看 create-react-app 版本的方式有二：一是运行 npm list react-scripts，二是直接查看 package.json 文件。但需注意，2025 年 2 月 14 日起，官方建议用户使用 Vite、Parcel 或 RSBuild，不再推荐 create-react-app。相关 BLOG 地址：react.dev/blog/2025/0…
二、学习过程
使用VSCode，借助 GitHub 上的 aicopilot，我迅速搭建了一个集成 antd、react、react-router 等的后台管理应用。此应用较为简单，主要模拟后台管理首页，实现了以下功能：
- 页面布局：包含 header、sidebar 以及 content 三个部分；
- 左侧菜单：将菜单数据和路由提取到独立文件中，且菜单栏具备伸缩功能；
- 组件：创建了 Dashboard 和 UserManagement 两个简单组件，目前仅有文字展示，无实际内容。
借助 AI 工具，学习进度显著加快。遇到问题时，可直接向 AI 询问，这对于初学者而言，体验极佳。
三、结论
- 当前 React 主流版本仍为 18，后续学习调整React版本为18；
- 后续学习采用 Vite 构建工具。
