ant design的form组件使用总结

标签：ali   play   inpu   create   submit   date   hand   item   class   

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

ant design的form组件使用总结

标签：ali   play   inpu   create   submit   date   hand   item   class   

原文地址：https://www.cnblogs.com/spirker/p/11314679.html