antd中form中resetFields清空输入框

1.如果没有initValue的情况下,直接使用resetFields可以清空文本框的值

2.如果是有initValue的情况下,直接使用resetFields方法会直接重置为initValue的值

归根结底:是因为设置initValue的时候,直接设置了input的value的默认值。

使用reset标签,有时候我们会发现reset按钮失效,点击该按钮并不能清空输入框。

原因在此:

w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)"在 HTML 表单中 <input type="reset"> 标签每出现一次,一个Reset对象就会被创建。当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。"
意思就是如果这个textarea如果设置了value属性的值,那么reset按钮就会恢复textarea到这个value属性的值,而不是空。

结论如下:

reset并不是清空输入框的值,而是将输入框的值恢复到value属性所指定的值。

antd中reset为啥点击两次相关推荐

  1. js中的onclick事件在ul获取li时点击两次才会执行的原因

    js中的onclick事件在ul获取li时点击两次才会执行的原因 下面的代码中 只有onclick第二次才会执行函数内部的代码 代码实例如下: <!DOCTYPE html> <ht ...

  2. java中reset方法使用方法_reset事件使用详解|jquery教程

    我们都知道form表单中有一个默认的reset重置表单事件,你一定会很熟悉,后面我也会对reset事件使用详细解释,请先看下面的代码. 为什么有了reset按钮了,我们还要使用js或jquery来实现 ...

  3. 怎么才能让Antd中的嵌套子表格渲染不一样的内容

    目录 一.子表格与父表格的数据存储在一起 方式一:Function(record, index, indent, expanded):VNode 方式二:#expandedRowRender=&quo ...

  4. Android应用点击两次back退出

    Android应用点击两次back退出 在android开发过程中,点击两次back退出应用还是很常见的了.实现这一效果也不是很难,思路就是记录两次点击back的时间差.只要这个时间差在我们设定的范围 ...

  5. eclipse java shell 窗体显示 bat运行不显示_java eclipse中如何实现点击主窗口sShell中的按钮打开另外一个子窗口sShell...

    java eclipse中如何实现点击主窗口sShell中的按钮打开另外一个子窗口sShell 关注:97  答案:2  mip版 解决时间 2021-01-31 13:01 提问者╬═掵中注定 20 ...

  6. Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法...

    bug说明: Mint-ui中loadmore(上拉加载下拉刷新)组件 在 使用fastclick的情况下 ,在ios设备中滑动会触发点击事件: 解决方法: 我是按需引入,去项目中找到loadmore ...

  7. 点击编辑框全选内容java_Android 中使用EditText 点击全选再次点击取消全选功能

    最近在开发浏览器碰到这么一个需求:点击地址栏的时候,需要全选并调出键盘,再次点击就取消全选显示光标.点击屏幕除地址栏其他位置时,键盘隐藏,隐藏光标. 大部分浏览器都是这样的逻辑,这样可以提高用户体验, ...

  8. python怎么清屏_python实现清屏的方法 Python Shell中清屏一般有两种方法。

    Python Shell 怎样清屏? Python Shell中清屏一般有两种方法. 奈何一个人随着年龄增长,梦想便不复轻盈:他开始用双手掂量生活,更看重果实而非花朵.--叶芝<凯尔特的搏暮&g ...

  9. VB中FSO的调用的两种方法

    方法一:   Dim   objFso      Set   objFso   =   CreateObject("Scripting.FileSystemObject")    ...

最新文章

  1. Failed to open zip file. Gradle‘s dependency cache may be corrupt (xx)
  2. Go 学习笔记(17)— 函数(03)[defer 定义、defer 特点、defer 释放资源]
  3. core Animation之CAKeyframeAnimation(关键帧动画)
  4. 又一个巨头决定彻底放弃微服务,全面拥抱K8S!
  5. Android 4.0的图形硬件加速及绘制技巧
  6. Heap Allocation Profiles (heap=sites)
  7. localhost与127.0.0.1的概念和工作原理之不同
  8. GetCurrentDirectory和SetCurrentDirectory函数
  9. 第二篇 python基础知识总结:数据、运算符
  10. LeetCode : Power of Two
  11. java吃豆人代码讲解_在吃豆人的这一关里,隐藏着来自程序员的深深恶意
  12. [导入]北京地区铁路客票代售点列表
  13. CAA-几何图形集下直接添加参数
  14. Mina中的多项式承诺方案
  15. cpu排行计算机专业,cpu排行,教您电脑cpu性能排行榜
  16. C++ 不知算法系列之聊聊希尔、归并排序算法中的分治哲学
  17. ZYNQ7000 FSBL加载启动代码详解
  18. 解析复杂深度学习项目构建
  19. 游戏设计的作品集到底该怎么做?
  20. 13c语言——运算符

热门文章

  1. OpenStack——nove组件部署
  2. .Net 微信开发与微信支付
  3. 第二篇:到底什么才是数据资产
  4. .Net/C#: 一个将在线简体中文网页转为繁体中文页简单方法
  5. 高德地图自定义点标记踩坑
  6. Python和R的GUI图形化编程与用户界面
  7. Hello World---kodu少儿编程第四天
  8. Delphi大师弗兰克·宝兰德(Frank Borland)回来了!
  9. 微信小程序组件库——colorUI 的使用方法
  10. Harmonious Army