在react中使用antd-mobile

  1. 首先打開antd-mobile的官方文檔
  2. 在項目中安裝antd-mobile 使用
    npm install antd-mobile
    yarn add antd-mobile

     

  3. 在項目中App.js文件中導入要使用的組件
    import {Button} from 'antd-mobile'
    
    
    使用組件直接在組件中進行使用即可
    import { Button } from 'antd-mobile'
    function App() {
      return (
        <div className="App">
         1223<Button type="warning"/>
        </div>
      );
    }

     

  4. 在index.js中導入組件庫樣式
    import 'antd-mobile/dist/antd-mobile.css'

    完成之後,你就能在自己的react項目使用antd-mobile的樣式文件進行構建自己的頁面了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章