一、创建项目
1、cmd切换到目标文件夹
2、初始化项目
npx create-react-app init-mobile
3、切换到对应目录根据提示启动项目
二、配置项目文件目录
调整项目中src目录结构如下:
三、引入组件库antd-mobile
1、安装
npm install --save antd-mobile@next
2、在App.js根组件中导入要使用的组件
App.js中直接引用即可,无需加载
import { Button } from 'antd-mobile'
3、渲染组件
直接使用组件
<Button>登录</Button>
4、在index.js中导入组件库样式
将组件库的样式引入进来(注:当同时引用组件库样式和全局样式index.css时,要想全局样式生效,需将其放在组件库样式之后引入,否则会被覆盖&#x