ant design 自定义form双向绑定组件
文档中只是说自定义form组件只需要遵守三个约定就可以达到‘双向绑定’的效果,
自定义或第三方的表单控件,也可以与 Form 组件一起使用。只要该组件遵循以下的约定:
提供受控属性 value 或其它与 valuePropName 的值同名的属性。
提供 onChange 事件或 trigger 的值同名的事件。
支持 ref:
React@16.3.0 之前只有 Class 组件支持。
React@16.3.0 及之后可以通过 forwardRef 添加 ref 支持
我理解的antd的双向绑定就是getFieldDecorator
传递value
给自定义组件,自定义组件监听组件内field的change,处理完后通过onChange
传递出来,这样就完成了一次双向绑定的过程。
Last updated
Was this helpful?