Antd知识点总结（一）

Antd知识点总结

一、Form表单获取值的问题

在Form表单中，使用Form.Item包裹内容组件，当设置setFieldsValue或者getFieldsValue时都作用的是Form.Item包裹的直接子元素，并不是里面所有的子元素。

因此，当使用一个组件包裹内容组件时，会出现获取不到值或者设置失败的情况出现。

被设置了 name 属性的 Form.Item 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性），数据同步将被 Form 接管，这会导致以下结果：
你不再需要也不应该用 onChange 来做数据收集同步（你可以使用 Form 的 onValuesChange），但还是可以继续监听 onChange 事件。
你不能用控件的 value 或 defaultValue 等属性来设置表单域的值，默认值可以用 Form 里的 initialValues 来设置。注意 initialValues 不能被 setState 动态更新，你需要用 setFieldsValue 来更新。
你不应该用 setState，可以使用 form.setFieldsValue 来动态改变表单值。

在封装组件的时候，为了让Form组件能够拿到item包裹的组件的值，要在被封装组件（如Input）的onChange调用封装组件的onChange，以达到更新封装组件value的目的。