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进行设置。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM