Antd 4 x Form的常用方法

2022-08-12 06:12:09 字數 1084 閱讀 9697

[email protected][email protected]有些地方區別還是挺大的。

form表單的乙個常規寫法:

1.通過 form.useform 對表單資料域進行互動。
const [form] = form.useform(); 

//這裡用form要使用在鉤子函式裡,可以配合react的hook使用,

如果使用react生命週期開發的話可以給form表單新增ref來獲取表單資料或者修改資料,(this.formref = react.createref();)

獲取表單資料:this.formref.current.getfieldsvalue()。this.formref.current.validatefields().then().catch()

2.獲取對應欄位名的值。用法:

form.getfieldvalue('name');
form.getfieldvalue('password')

3.設定表單的值,更新對應的值,用法:

form.setfieldsvalue();

4.獲取form全部欄位名對應的值,會按照對應結構返回。用法:

form.getfieldsvalue()

5.觸發表單驗證。用法:

form.validatefields().then(value =>  = value; console.log(name, password); 

}).catch(err => );

6.提交表單,與點選 submit 按鈕效果相同,會走 onfinish 方法。用法:

=> 提交 // 與下面效果一樣 ="submit"> 提交

7.重置一組欄位到 initialvalues。用法:

form.resetfields();

8.獲取游標方法:

form.getfieldinstance('name').focus();

React修改Antd元件樣式的方法

1 f12開啟除錯,選中elements選項 2 在elements的元素樹中選中相應的antd元件布局,然後檢視右端的css樣式表,找到控制項的css控制器結構。3 最後在我們自己的css樣式檔案中修改對應的控制器屬性就可以了 4 有一些屬性是在antd元件內部通過 設定的,這種情況下,通過上面那...

jbmp4常用的方法

通過xml部署新流程定義 param resourcename return 返回流程定義標識 public string deployprocessengine string resourcename 通過zip檔案部署流程 param zipname return 返回流程部署標識 public...

SQL優化常用方法4

選擇最有效率的表名順序 只在基於規則的優化器中有效 oracle的解析器按照從右到左的順序處理from子句中的表名,因此from子句中寫在最後的表 基礎表 driving table 將被最先處理.在from子句中包含多個表的情況下,你必須選擇記錄條數最少的表作為基礎表.當oracle處理多個表時,...