ant design的form組件使用總結

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