【Ant Design】表单Form常用方法

2023-10-27

Form.useForm()

通过 Form.useForm 对表单数据域进行交互。用法:

const [form] = Form.useForm();

经 Form.useForm() 创建的 form 控制实例,常用方法如下:

1、form.setFieldsValue()

设置表单的值,更新对应的值,用法:

form.setFieldsValue({
  name: 'dee',
  age: 18,
});
2、form.getFieldValue()

获取对应字段名的值。用法:

const name = form.getFieldValue('name'); // dee
const age = form.getFieldValue('age'); // 18
3、form.getFieldsValue()

获取一组字段名对应的值,会按照对应结构返回。用法:

const value = form.getFieldsValue(); // {name: 'dee', age: 18}
4、form.validateFields()

触发表单验证。用法:

form.validateFields().then(value => {
	// 验证通过后进入
	const { name, age } = value;
	console.log(name, age); // dee 18
}).catch(err => {
	// 验证不通过时进入
	console.log(err);
});
5、form.submit()

提交表单,与点击 submit 按钮效果相同,会走 onFinish 方法。用法:

<Button onClick={() => form.submit()}>
  提交
</Button>
// 与下面效果一样
<Button htmlType="submit">
  提交
</Button>
6、form.resetFields()

重置一组字段到 initialValues。用法:

form.resetFields();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

【Ant Design】表单Form常用方法 的相关文章

  • unity3d 游戏对象消失三种方法的区别(enabled/Destroy/active)

    gameObject renderer enabled 是控制一个物体是否在屏幕上渲染或显示 而物体实际还是存在的 只是想当于隐身 而物体本身的碰撞体还依然存在的 GameObject Destroy 表示移除物体或物体上的组件 代表销毁该
  • AOP拦截记录日志

    首先对于AOP切面编程 我也是刚学习 了解不深 这边先引用老张的博客 方便大家学习 首先想一想 如果有这么一个需求 要记录整个项目的接口和调用情况 当然如果只是控制器的话 还是挺简单的 直接用一个过滤器或者一个中间件 还记得咱们开发Swag
  • linux 服务器间通信,Linux 下的进程间通信:套接字和信号

    原标题 Linux 下的进程间通信 套接字和信号 Linux 中国 学习在 Linux 中进程是如何与其他进程进行同步的 Marty Kalin 本篇是 Linux 下 IPC 系列的第三篇同时也是最后一篇文章 聚焦在通过共享存储 文件和共
  • Unity 3D实现血量增加减少

    首先先看一下效果图 这里呢我是通过按钮点击增减血量 当真正的开发游戏的时候 就是通过个各种药水来对AI进行血量的增加减少 场景塔搭建就比较简单了 就是一个NGUI 放置一张图片 HUDText ht UISprite sprite bool
  • xpath无法定位tbody

    原因是需要定位的tbody标签是浏览器加上去的 html中的tbody标签是不需要一定要写的 链接直接请求到的html是没有需要定位的tbody标签的 所以删掉xpath中的tbody标签就可以了 华东师范大学招生办 高考分数查询https
  • CNN卷积神经网络实现-人脸性别识别模型-可视化各层卷积特征

    本文主要是实现了根据人脸识别性别的卷积神经网络 并对卷积过程中的提取特征进行了可视化 Github地址 https github com chenlinzho 卷积神经网络 卷积神经网络最早是为了解决图像识别的问题 现在也用在时间序列数据和
  • Java踩坑笔记 —— base64转换为图片后图片显示不全

    Java踩坑笔记 base64转换为图片后图片显示不全 前言 解决思路 案例代码 结束语 前言 最近在开发项目中 发现base64转换图片时 出现了图片显示不全 例如如下这样 可以明显看到图片部分地区被遮挡 解决思路 显示图片有误的情况下

随机推荐

  • Apache Superset 漏洞导致服务器易遭RCE攻击

    聚焦源代码安全 网罗国内外最新资讯 编译 代码卫士 Apache Superset 修复了两个漏洞 本可导致攻击者在受影响系统上获得远程代码执行权限 Apache Superset 更新版本 2 1 1 修复了两个漏洞CVE 2023 39
  • Makefile 函数 -if

    if 函数 if 函数的语法是 if
  • Python网络爬虫入门篇

    1 Python爬虫基本流程 a 发送请求 使用http库向目标站点发起请求 即发送一个Request Request包含 请求头 请求体等 Request模块缺陷 不能执行JS 和CSS 代码 b 获取响应内容 如果requests的内容
  • 为OpenWrt添加service,自启动问题

    记得去年 写过一个程序 是运行在OpenWrt上的 想让程序开机自启动 最后费了9牛二虎之力 模仿别人的总算写出来了 但是一直没有明白为什么要这样 刚刚看open的官网 一下子恍然大悟 网址如 http wiki openwrt org d
  • YARN的工作机制

    lt 1 gt 主要作用 强化控制和使用资源管理功能 lt 2 gt 工作机制 1 MapReduce提交到客户端所在节点 2 客户端向资源管理器提交申请 在将应用程序返回给客户端 将运行资源提交到HDFS上 提交完毕后申请运行 3 RM将
  • Laravel框架06:文件、迁移填充、会话、缓存

    Laravel框架06 文件 迁移填充 会话 缓存 一 文件上传 1 文件上传表单 2 上传业务处理 3 全部代码 二 数据表的迁移与填充 1 迁移文件 创建迁移文件 编写迁移文件 执行迁移文件 回滚迁移文件 2 填充 种子 文件 创建填充
  • App天气预报

    模仿墨迹天气的UI 实现南京天气的查询 涉及知识点 解析请求到的json数据 未来天气 天气图标的设置 时间算法 根据今天周几 判断明后天是周几 三元运算符 取模 下载相关天气的代码 查看 未来天气 在map里面添加图标 根据获取到的天气信
  • Unity热更新 ILRuntime 从零开始 委托 Delegate(四)

    小姐姐镇楼 便于通过图片查找文章 我们继续来一起看下ILRuntime的第三个案例 Delegate 委托 这是这一系列文章的总目录链接 有疑问的可以先看下之前的文章 Unity热更新 ILRuntime 从零开始 委托 Delegate
  • python确定指标权重_python 实现熵权法确定各指标的权重

    python 实现熵权法确定各指标的权重 熵权法是一种客观赋权方法 计算步骤如下 a 构建各年份各评价指标的判断矩阵 b 将判断矩阵进行归一化处理 得到归一化判断矩阵 c 根据熵的定义 根据各年份评价指标 可以确定评价指标的熵 d 定义熵权
  • Python Logging

    一 简介 Python的logging模块提供了一种灵活的方式来记录日志信息 使用logging模块 你可以将日志记录到文件 控制台 syslog等不同的目标中 还可以根据日志级别过滤日志信息 logging模块还支持多个日志处理器和多个日
  • Unix and perl primer for Biologists - Part2 :Advanced Unix- Reading Notes(U33-U36)

    U33 Match making search files to find lines that match a certain pattern The Unix command grep does this and much more T
  • 上海链节科技:区块链产业正在蓬勃发展

    2020年是区块链发展的关键之年 疫情加速了人类向数字世界迁移的步伐 这一年 区块链作为新技术基础设施被纳入 新基建 范围内 各地纷纷出台规划扶持区块链产业发展 这一年 我国率先在深圳和苏州进行了央行数字人民币的投放试验 多个省市都搭建了城
  • Fabric Kafka入门

    Hyperledger Fabric推荐Kafa用于生产环境 Kafa是一个分布式 具有水平伸缩能力 崩溃容错能力的日志系统 在Hyperledger Fabric区块链中可以有多个Kafka节点 使用zookeeper进行同步管理 本文将
  • SpringSecurity实现前后端分离登录授权详解

    在介绍完SpringSecurity实现前后端分离认证之后 然后就是SpringSecurity授权 在阅读本文章之前可以先了解一下作者的上一篇文章SpringSecurity认证SpringSecurity实现前后端分离登录token认证
  • 高德地图、使用vue-amap实现地图的点击地址和经纬度的转换并显示

    高德地图 使用vue amap实现地图的点击地址和经纬度的转换并显示 vue amap安装和使用 基于 Vue 2 0 和高德地图 ElementUI 1 npm 安装 npm install vue amap save CDN方式 2 m
  • 自学微信小程序开发第九天-关于分包

    自学微信小程序开发第九天 关于分包 分包前后的项目构成 分包的加载规则 文件分配 分包的配置定义 分包的一些原则 打包原则 引用原则 分包举例 独立分包 独立分包的应用场景举例 声明独立分包 进入独立分包页面 分包预下载 分包指的是把一个完
  • matplotlib绘制虚线_[Matplotlib习题]虚线绘图练习

    Matplotlib官方示例教程 第19课 自定义虚线样式的练习题 绘制2020年1月1日至今紫光国微收盘价和成交量加权平均价折线图 其中VWAP为虚线 1 import baostock as bs import matplotlib p
  • 在上海月薪一万的生活状态-IT男真实版

    在上海月薪一万的生活状态 IT男真实版 很多人问我上海收入多少才过的可以 实在没法给出准确范围 不过要是对自己有信心有理想的就来吧 都是两条腿一个脑袋 别人能的自己怎么也要试试对吧 不怕失败 就怕没勇气 当然这失败也要看你自己能否承受 是否
  • activeMQ概念问题

    1 Client Id JMS规定了两种Administered Object 即ConnnectionFactory和Destination 所以 万物伊始 我们得先将这两个东西从JNDI上拿下来 GenericSimpleMessage
  • 【Ant Design】表单Form常用方法

    Form useForm 通过 Form useForm 对表单数据域进行交互 用法 const form Form useForm 经 Form useForm 创建的 form 控制实例 常用方法如下 1 form setFieldsV