• Ant Design Pro 4.0表单与Switch数据绑定

    • 2020-02-12 23:52
    • 字数 877
    • 阅读 159
    在使用Ant Design Pro 4.0进行React表单开发时，使用到Switch组件，发现绑定字段必须为boolean类型，否则不生效。 
    <FormItem
  labelCol={{ span: 5 }}
  wrapperCol={{ span: 15 }}
  label="状态"
  name="enabled"
  valuePropName="checked"
>
  <Switch checkedChildren="正常" unCheckedChildren="关闭" />
</FormItem>
    其中，enabled为boolean类型，且valuePropName="checked"是固定写法，详情参考【getFieldDecorator(id, options) 参数】关于options.valuePropName的描述“子节点的值的属性，如 Switch 的是 'checked'”以及【Switch开关】。更多代码可参考TypeScript版Ant Design Pro 4.0示例代码ListTableList。

推荐阅读

back_to_top