antd元件使用

2021-09-29 10:35:47 字數 667 閱讀 1203

datepicker與form表單配合使用

import moment from 'moment'

moment需要引入

], initialvalue: moment(record && record.starttime, 'yyyy-mm-dd'),

})(,

)}

這裡的record是我獲取來展示的時間

validatefields(['name', 'productid', 'number', 'starttime', 'updatetime', 'remarks'], (err, values) => )
這裡列印的就是2019-11-7這種格式的時間,如果需要其他格式,移步

moment

此外還有tree元件用起來可能會存在快取的問題,這個就看各自的需求了

oncheck=

defaultcheckedkeys=

下面的這個屬性需要配合setstate使用,否則無法再次更改勾選

checkedkeys=

還有個快取問題就是form表單

form裡有乙個resetfields屬性,可以用來清空form表單的資料。

antd元件使用技巧

且用且珍惜。關閉時銷毀 drawer 裡的子元素。所以只能銷毀dom對應的資料。有一次專案需要,用getfielddecorator註冊了乙個值,不對應dom元素。結果在drawer關閉的時候,這個變數的值並不會清空。其他有對應dom的值會清空。validator內部是支援非同步的。就像是promi...

React中使用Antd元件

antd的高階配置 antd的自定義主題 在react專案中進行安裝yarn add antd或者npm i antd安裝 import react,from react import from antd 引入按鈕 import antd dist antd.css 還需要引入css樣式 目的是不用...

React使用antd元件Radio

div style radio group defaultvalue a buttonstyle solid radio button value a hangzhou radio.button radio button value b shanghai radio.button radio.gro...