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?