表单

为了使用表单数据绑定的功能,我们用了 Ant Design 表单 组件及工具类。基于这个组件,我们提供了一个 Field 组件,可以根据属性类型(比如 DatePickerSelect 等)渲染出正确的组件。示例:

  <Field
    entityName={Car.NAME}
    propertyName="manufacturer"
    form={this.props.form}
    formItemOpts={{ style: { marginBottom: "12px" } }}
    getFieldDecoratorOpts={{
      rules: [{ required: true }]
    }}
    componentProps= {{
      maxLength: 4
    }}
  />

您也可以通过 getFieldDecoratorOptscomponentProps 属性自定义底层的组件、校验规则以及数据绑定。

API: FieldProps.