react项目实战 2 组件库antd-mobile的介绍和使用

目录

一 简介

二 使用

---

一 简介

antd-mobile: 就是一个基于react的UI组件库
符合ant design 移动规范的react实现
适用于中大型产品的应用

二 使用

官方使用文档:https://mobile.ant.design/zh/guide/quick-start/

使用步骤
1 安装组件库 npm install --save antd-mobile

安好了

2 在APP.js根组件中导入要使用的组件

import { Button } from 'antd-mobile'

3 APP.js: 渲染组件

注意: 组件名称的首字母是大写

4 在index.js中导入组件库样式

import 'antd-mobile/bundle/css-vars-patch.css'

效果

Button组件的默认样式是这样子的