当前位置: 萬仟网 > IT编程>开发语言>Jquery > react使用antd表单赋值,用于修改弹框的操作

react使用antd表单赋值,用于修改弹框的操作

2020年10月29日  | 萬仟网IT编程  | 我要评论
1、使用getfielddecorator的initialvalue2、在state里定义一个变量存表格的数据3、给打开弹框的方法传个record4、把表格里的值存到state5、把在state里存的

1、使用getfielddecorator的initialvalue

2、在state里定义一个变量存表格的数据

3、给打开弹框的方法传个record

4、把表格里的值存到state

5、把在state里存的值传给弹框

6、获取传过来的值

7、在取消方法和修改成功后中给赋空值,要不然,点击添加的方法表单里面会有值

7、ok

补充知识:react中使用antd的表单重置数据

resetfields 重置一组输入控件的值(为 initialvalue)与状态,如不传入参数,则重置所有组件 function([names: string[]])

注:initialvalue有值时会重置为initialvalue

使用:

//这个事件,可以是click可以是生命周期函数,具体看需求
componentwillunmount() { 
  this.props.form.resetfields(); //这是重置为默认值
  //在此进行相应操作
  console.log('值已经清空')
 }

以上这篇react使用antd表单赋值,用于修改弹框的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持萬仟网。

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

相关文章:

  • 关于前端ajax请求url为何添加一个随机数

    一.起因 我在做爬虫的时候发现很多网站上都在url上加一个 一开始我以为是啥加密后面发现其实他在后台解析的时候也不需要 ,那他加个随机数是做啥子 二... [阅读全文]
  • Javascript 日历插件

    Javascript 日历插件

    1. The Coolest Calendar 界面非常漂亮的一款日期选择插件,有详细的使用文档,最新版本 1.5。 点击下载 查看示例 ... [阅读全文]
  • jquery的点击事件

    一.任务需求:两个按钮,一个DIV,点击显示按钮显示DIV,点击隐藏按钮,隐藏DIV。 二.任务分析:监听按钮的点击,操作DIV的显示隐藏效果。 三... [阅读全文]
  • 原生Ajax详解

    原生Ajax详解

    原生Ajax发送请求: 1.创建XMLhttpRequest对象 ie中为ActiveXobject("Microsoft.XMLHTTP... [阅读全文]
  • jQuery(五): Deferred

    jQuery(五): Deferred 有啥用 通常来说,js请求数据,无论是异步还是同步,都不会立即获取到结果,通常而言,我们一般是是使用回调函数... [阅读全文]
  • jQuery随笔记录

    DOM遍历 parent()方法返回所选元素的直接父元素。(parent() 只能遍历单个级别的 DOM树) parents()方法获取所... [阅读全文]
  • jQuey实现轮播图效果

    再平常的浏览器页面,轮播图都是必不可缺少的一个板块,在这总结了一下轮播图基本的一些样式 首先介绍一下,本文实现的轮播图的基本效果: 1. 3s自动切... [阅读全文]
  • 【JQuery】遍历

    一、前言 接着上一章的内容,继续本章的学习。 二、内容 ... [阅读全文]
  • daterangepicker的个性化使用技巧

    我主要进行对日期数据进行查看使用,有数据的显示颜色、没有数据可以不选 更多可以查看官方网站:http://www.daterangepicker.c... [阅读全文]
验证码:
Copyright © 2017-2021  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com