一、查看antd檔案發現表單項的值不能通過設定狀態來更新，我們應該使用form.setFieldValue來更新
二、setFieldsValue是表單實體的方法，怎么獲取表單實體呢？
1.函式式組件中，獲取表單實體通過Form.useForm()獲取
//生成表單實體
const [form] = Form.useForm()
/*將生成的表單實體連接到表單元素，
給需要控制的表單元素設定form屬性，newVal是新值*/
form = {form}
/*通過setFieldsValue設定表單item的值，其中，
name是Form.item的name值*/
form.setFieldsValue({
name:newVal
})
PS:如果沒有將表單實體連接到表單元素會有如下warning提示
2.類組件中，使用ref獲取表單實體
//創建ref實體
formRef = React.createRef()
//在Form中系結
ref = {this.formRef}
//在想要修改Form.Item的值的地方進行修改
this.formRef.current.resetFields();
PS:如果不在Form中系結，current會為null
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/237590.html
標籤：其他