React使用antd-mobile的版本问题（v5和v2的转换）

在翻看之前的学习视频时，发现视频教学的是antd-mobile v2版本，但是现在最新的已经是v5版本，在官网文档中所说：v5 是完全重写的一个版本，所以 v2 和 v5 的差异非常之大，其实不存在所谓的"迁移"，基本是替换为一套全新的组件。
所以如果想使用v2版本的话，是必须在v5版本下迁移的，
在官网中也有提到两种方法，我使用的是第一种方法：
方法一：使用 antd-mobile-v2（推荐）
我们为 v2 发布了一个单独的影子 npm 包：antd-mobile-v2，你可以先将原来项目中 v2 版本的 antd-mobile 替换为这个包。

先安装 antd-mobile-v2：

$ npm install --save antd-mobile-v2
# or
$ yarn add antd-mobile-v2

然后把项目中所有对 antd-mobile 的引入都替换为 antd-mobile-v2，例如：

import {Button} from 'antd-mobile'
// ⬇️
import {Button} from 'antd-mobile-v2'

接下来，移除原有的 antd-mobile 依赖，运行（测试、构建）你的项目，确认一下是否一切是正常的。

如果此时你发现 v2 的组件样式丢失了，那么可以在入口文件中手动引入一下样式文件：

import 'antd-mobile-v2/dist/antd-mobile.less';  
// or 'antd-mobile-v2/dist/antd-mobile.css'
// 注意 这里引用的文件后缀名，我使用的是css

最后，重新安装 antd-mobile 为 v5 版本：

$ npm install --save antd-mobile
# or
$ yarn add antd-mobile

现在，你项目中的 antd-mobile 是 v5 版本，antd-mobile-v2 是 v2 版本。
项目截图：