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

猜你喜欢

转载自www.cnblogs.com/spirker/p/11314679.html