Ant Design Form组件onFinish无法获取Checkbox和Radio的值

Ant Design Form组件onFinish无法获取Checkbox和Radio的值 JavaScript 第1张

Ant Design Form 组件的 onFinish 方法无法获取 Checkbox 多选和 Radio 单选的值,代码:

<Form.Item label="类型" name="allDay">
  <Checkbox>全天</Checkbox>
</Form.Item>

console 打印结果如下:

Ant Design Form组件onFinish无法获取Checkbox和Radio的值 JavaScript 第2张

解决方法

增加属性 valuePropName="checked" 

<Form.Item label="类型" name="allDay" valuePropName="checked">
  <Checkbox>全天</Checkbox>
</Form.Item>

问题解决,打印一下看看:

Ant Design Form组件onFinish无法获取Checkbox和Radio的值 JavaScript 第3张

antd 官方文档也没有提到这个属性,哎,都是坑啊~

未经允许不得转载:前端资源网 - w3h5 » Ant Design Form组件onFinish无法获取Checkbox和Radio的值

赞 (1)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)