AntDesign是螞蟻金服開發的一個UI框架,爲開發人員提供了豐富易用的各種組件。下面我們演示在React中使用AntDesign渲染一個時間選擇器組件:
首先裝包:npm i antd -S
按需導入組件:import {DatePicker} from "antd";
全局導入css:import "antd/dist/antd.css"
使用:像使用一般組件那樣使用<DatePicker />
渲染到頁面上的效果如下:
爲React項目啓用AntDesign組件
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
ant design Table本地排序(漢字,數字,字符串)
根據官方文檔介紹 ,排序是在Column上面添加的。 這裏就寫個簡單的例子(只有表頭部分,一看就會) const columns = [ { title: '漢字',
antd中日期選擇框DatePicker不可選擇日期的前後限制
disabledDate = (current: any) => { const {currentData} = this.state console.log("currentcurren