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