素材巴巴 > 程序开发 >

antD v4 动态修改form表单内容

程序开发 2023-09-10 20:07:03

antd官网链接:https://ant.design/components/form-cn/#components-form-demo-control-ref

注意 initialValues 和 setFieldValue 的区别
注意

1.类式组件form

方法: 使用ref

class Demo extends React.Component {formRef = React.createRef();...render(){}
 

修改表单内容

this.formRef.current.setFieldsValue({key:value,			
 })
 

2.函数式组件form

方法: 使用 Form.useForm

const Demo = () => {const [form] = Form.useForm();...return()
 }
 

修改表单内容

form.setFieldsValue({key:value,
 });
 

标签:

上一篇: angular6中bootstrap4导航的使用方法 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。