Ant Design Form表单中getFieldDecorator使用异常总结

这里使用了props.form.getFieldDecorator(id,{选择操作})方法来包装一个Input输入框组件,传入的第一个参数表示这个字段的Id,第二个参数是一个配置对象,这里设置了表单控件的校验规则rules。

问题:填写Form表单时会发报 Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.

真因:使用getFieldDecorator()方法包装后的组件会自动更新表单组件的value以及onChange事件,无需再手动添加value属性,但onChange事件可根据需求添加以便监听数据变化。真是因为手动添加value属性才导致Warning的发生。如果需要填写初始默认值可使用initialValue进行设置。

原文地址:https://www.cnblogs.com/taxun/p/13496529.html