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

    • 2020-02-12 23:52
    • 字数 877
    • 阅读 382
    在使用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