- 首先打開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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
「盤點」JetBrains IDEs v2024.1新功能一覽,更智能的開發體驗!
原創
2024-05-29 12:18:44
界面控件DevExtreme v23.2亮點 - 標籤、表單、編輯器功能升級
原創
2024-05-28 12:19:08
響應式UI組件DevExtreme中文教程 - 工具欄的自適應模式
原創
2024-05-27 12:19:43
京東商家智能助手:Multi-Agents 在電商垂域的探索與創新
原創
2024-05-23 23:57:25
常用第三方庫的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