antd元件3 0到4 0Form表單的使用（1）

2021-10-22 19:28:40 字數 729 閱讀 8520

建立表單頁面：

antd 3.0版本》class newform extends component{}export default form.create()(newform);

antd 4.0版本》class newform extends component}export default newform;

獲取表單值：

antd 3.0版本》form.validatefields((err, fieldsvalue) => ))`

],


})(   ,)}


`
antd 4.0版本》const [useform] = form.useform(); useform.getfieldsvalue(['username'])`

`
antd 4.0版本在初用的時候內心是十分唾棄的，但是用完以後表示真香，在form表單這塊，4.0版本去除了form.create()方法，採用form.useform()來替代，在匯出form表單元件的時候簡化了**，與其他普通元件匯出保持一致，無需再單獨記憶。form.item書寫時也直接多了，不再需要使用getfielddecorator來書寫，極大了簡化了**。

antd元件使用

datepicker與form表單配合使用 import moment from moment moment需要引入 initialvalue moment record record.starttime,yyyy mm dd 這裡的record是我獲取來展示的時間 validatefields n...

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樣式 目的是不用...