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

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

  1. Django提交表单报错:CSRF token missing or incorrect.

    1.在Django提交表单时报错:Django提交表单报错: CSRF token missing or incorrect 具体报错页面如下: 2.有道词典翻译后如下: 通常,当存在真正的跨站点请求 ...

  2. element 表单回显验证_关于vue el-form表单报错的问题

    在写el-form表单的时候,遇到了蛮多问题,在这里记录一下. 1.表单验证报错[Element Warn][Form]model is required for validate to work! ...

  3. [ant design vue] 关于ant design vue 表单报错合集

    情况一:当我点击新增时会报以下错误: 原因是我在使用v-decorator的同时使用了v-model,如下图: 解决方案就是:把v-model删掉,需要动态获取值,可以通过: this.form.ge ...

  4. form 表单提交的时候 提示那些没有填写 ---以及定位到报错位置--表单报错

    this.$refs.form.validate((valid, object) => {if (valid) {alert('submit!');} else {var str = ''con ...

  5. 表单报错:Password field is not contained in a form

    控制台报错: 1.Password field is not contained in a form 2.Input elements should have autocomplete attribu ...

  6. vue 校验表单报错:model is required for validate to wor

    参考https://blog.csdn.net/qq_45376290/article/details/107346110 1.属性绑定错误,确保绑定的是 :model 而不是v-model ! :m ...

  7. antd vue表单验证_antd-for-vue 表单验证失效 自定义表单验证使表单非空验证失效(其他验证失效)...

    ## antd-for-vue 表单验证失效 自定义表单验证使表单非空验证失效(其他验证失效) ##### antd 的 表单校验方法包括 validateFields 和 validateField ...

  8. 轻量级的jQuery表单验证插件 - HAPPY.js

    为什么80%的码农都做不了架构师?>>>    日期:2012-9-14  来源:GBin1.com 在线演示  本地下载 功能强大的表单验证插件很多,以前我们介绍过validati ...

  9. HTML-CSS-JS Prettify报错Node.js was not found 解决方法

    HTML-CSS-JS Prettify报错Node.js was not found sublime编辑器安装的插件prettify,可以格式化js css html非常好用,但是装完之后总是提示N ...

最新文章

  1. 电脑蓝屏问题检查、解决、
  2. php集成阿里MNS消息服务
  3. C 语言链表其他实现
  4. 优化体系结构 - 解决多样性数据源
  5. 记一次批量处理数据库中的敏感信息
  6. 南阳理工计算机全国排名,全国工科实力最强的10所高校排名,
  7. hdoj--1716--排列2(暴力水题)
  8. EntityManager:seam新手必读(一)
  9. Log4j(二)—— Log4j基本使用方法
  10. 分析mrp主要应用范围_超滤膜的应用范围分析
  11. java单例模式 参数_java中的几种单例模式
  12. Asp.net Mvc使用PagedList分页
  13. c语言入门百度贴吧,c语言入门者
  14. 软著申请说明书及源程序模板
  15. 计算机中丢失d3dx9 31,d3dx9_31.dll
  16. 网页版俄罗斯方块第1版
  17. 如果将网络工程师分级你是那个级别?
  18. 用Java 语言实现正整数的质因数分解
  19. P1125 [NOIP2008 提高组] 笨小猴
  20. 怎么提取伴奏?只要三招即可快速搞定,附带详细教程

热门文章

  1. 【方案开发】红外体温计测温仪方案
  2. EFM32例程——DAC
  3. uniApp生成Excel,uniApp导出Excel,微信小程序生成Excel,微信小程序导出Excel
  4. srt 直播 传输ts要求汇总
  5. Linux 下摄像头视频采集与显示
  6. 小红书算法sign php,易语言小红书sign算法源码
  7. ABB机器人学习之控制杆知多少
  8. 【阿里云】文本转语音方言— 阿里云语音合成,文本转语音方言工具类
  9. 大疆 DJI SDK 开发介绍
  10. 灵动微电子MM32 MCU烧录经验分享