首页 > 其他 > 详细

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

时间:2020-08-13 16:21:51      阅读:268      评论:0      收藏:0      [点我收藏+]

这里使用了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进行设置。

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!