同样的是适用于Checkbox组件
在使用 antd 时,form 表单中使用 switch 报错:
warning.js:6 Warning: [antd: Switch] value is not validate prop, do you mean checked?
<FormItem label="开关">
{getFieldDecorator('switch', {
})(<Switch onChange={this.onChange} />)}
</FormItem>
1
2
3
4
查看文档得知 Switch 组件是通过 checked 的属性来显示状态的,所以添加一个额外的属性 valuePropName
<FormItem label="开关">
{getFieldDecorator('switch', {
valuePropName: 'checked'
})(<Switch onChange={this.onChange} />)}
</FormItem>
————————————————
版权声明:本文为CSDN博主「遇见connie」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_47302220/article/details/106492904