- 首先打開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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
界面控件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
Web前端開發常用到的和升職加薪的技能點分別是哪些?
原創
2023-10-10 09:55:05
前端和後端哪個工資高?工作內容和晉升空間差別大嗎?
原創
2023-10-10 09:54:59
做好這四步,服務端輕鬆成爲全棧化人才
原創
2023-09-22 00:21:52
探索AI時代的應用工程化架構演進,一人公司時代還有多遠?
原創
2023-09-07 00:30:43