- 首先打开antd-mobile的官方文档
- 在项目中安装antd-mobile 使用
npm install antd-mobile yarn add antd-mobile
- 在项目中App.js文件中导入要使用的组件
import {Button} from 'antd-mobile' 使用组件直接在组件中进行使用即可 import { Button } from 'antd-mobile' function App() { return ( <div className="App"> 1223<Button type="warning"/> </div> ); }
- 在index.js中导入组件库样式
import 'antd-mobile/dist/antd-mobile.css'
完成之后,你就能在自己的react项目使用antd-mobile的样式文件进行构建自己的页面了
在react中使用antd-mobile
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
常用第三方库的package.json入口配置
原創
2024-05-20 13:41:31
系统国际化之多语言解决方案| 京东物流技术团队
原創
2024-05-17 23:56:46
报名开启!2024 开源之夏丨Serverless Devs 课题已上线!
原創
2024-05-16 21:13:49
【深圳招聘】Taro 团队招前端开发工程师!
原創
2024-05-13 21:53:04
界面控件DevExtreme v23.1、v23.2盘点 - 增强的TypeScript(Angular、React、Vue)
原創
2024-05-07 11:34:56
O2OA开发平台前端源码级二次开发(Vue3,React)
原創
2024-04-30 22:26:12
界面控件DevExtreme JS & ASP.NET Core 2024年度产品规划预览(二)
原創
2024-04-10 11:34:33
界面控件DevExtreme JS & ASP.NET Core 2024年度产品规划预览(一)
原創
2024-04-03 11:34:37
Web Components实践:如何搭建一个框架无关的AI组件库
原創
2024-04-03 11:16:31
五星门店小程序性能优化实践
原創
2024-04-01 11:15:57
不同项目要求不同的node版本-- Node 版本管理——NVM
DY-Tao
2024-03-21 21:13:21
在Umi中使用ant-design 出现 React多实例导致无法使用Hooks的错误解决
原創
2024-03-18 23:14:22
招聘 | Taro 团队招人啦!
原創
2023-12-27 09:56:58