一、checkbox使用方法:
<Item label={'信息勾选'}>
{getFieldDecorator('xxx')(<Checkbox onChange={handleDeptChange}>xxx</Checkbox>)}
</Item>
使用之后就会出现如下报错:

二、解决办法
使用valuePropName来声明:
<Item label={'信息勾选'}>
{getFieldDecorator('dept', {
valuePropName: 'checked',
})(<Checkbox onChange={handleDeptChange}>部门</Checkbox>)}
</Item>
对于antd 中switch同样可以适应。。
本文档介绍了在使用Ant Design组件库时,遇到Checkbox与Form组件结合使用时的报错问题。通过设置`valuePropName:'checked'`参数,解决了Checkbox在Form中的错误绑定,确保了状态正确同步。此解决方案同样适用于Switch组件,对于前端开发者在处理表单验证和状态管理时具有参考价值。
1236

被折叠的 条评论
为什么被折叠?



