ant design的form组件使用总结

Posted 2022-06-16 spirker

1.创建

@Form.create()//写在class外面

然后就能通过this.props.from来操作

 

2.form内的值的操作

(1)查

this.props.form.validateFields((err, values) =>

　　console.log(values)
);

(2)增，改

this.props.form.setFieldsValue(id:1);

 

注意：必须先有dom，比如：

<Form onSubmit=this.handleSubmit>
<FormItem style= display:‘none‘ >
form.getFieldDecorator(‘id‘)(<Input/>)
</FormItem>

<Form> 

以后

才能在

this.props.form.validateFields((err, values) =>
);

里面通过values.id来获取id

如果只是this.props.form.setFieldsValue(id:1);而没有对应的dom，则无法获取values.id