Form表单注意事项

  • initialValue设置初始值,只渲染一次,没法自动更新,而是使用 this.props.form.setFieldValue({name:data}); 用于动态更新值

1、使用

{this.props.form.getFieldDecorator("key",{})()}

3、设值

this.props.form.setFieldsValue({
​ key: '123',
});

2、取值

this.props.form.validateFields((err, values) => {
​ if (!err) {
​ console.log("表单信息", values);
​ }
});

3、清空值

this.props.form.resetFields();

  • 若想值自动更新,避免使用initialValue, 而是使用Value,通过onChange方法实时改变input输入框的值,获取值用e.target.value,若直接打印e,则啥都没有。

清空则直接将值修改为null或""

原文地址:https://www.cnblogs.com/zpsakura/p/13685676.html