antd4 Form 自定义组件、以及改变表单数据的方式

自定义组件

参考例子

注意点：

1. 被Form.Item包裹的【自定义组件】都会默认给传 一个 onChange 和 当前 formItem包裹下的数据value , 此value被form表单托管的

2. 此处的onChange跟普通的 组件的onChange是有区别的。

（1） 普通组件是： 【onChange监听，setState 赋值 + value=state 】 控制受控组件的。在form里不能这么做，会导致有2个控制源同时更改同一个表单项
（2） 此处的onChange 是：用来将获取到的数据处理后，作为参数传给onChange ，来改变被form表单托管的value

3. 为什么自定义组件不用form.setFieldsValue改变某个表单项的值 ?

(1) Form.Item包裹的普通的非自定义组件。可以用setFieldValue、form.setFieldsValue 或者form.setFields来定义。参考下面第4点
(2) Form.Item包裹的自定义组件，需要用onChange 参考 3.2 。

4. form.setFieldValue 和 form.setFields 和 form.setFieldsValue的区别

（1）setFieldValue(name: NamePath, value: any)设置单项的值
（2）setFields(fields: {name:xxx,value:xxx}[]) 参数是个数组，可同时设置多项，📢：并且可以设置表单项的状态以及错误信息,不支持form表单整体替换。
（3）setFieldsValue(fields: {key1:value1,key3:value2…}) 参数是个对象，可同时设置多项.支持整体替换。