Bootstrap

antd From 表单报错:warning.js:6 Warning: [antd: Switch] value is not validate prop, do you mean checke?

同样的是适用于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

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;