react使用antd表单赋值,用于修改弹框的操作
更新时间：2020年10月29日 14:58:25 作者：妳丶好
这篇文章主要介绍了react使用antd表单赋值,用于修改弹框的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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表单赋值,用于修改弹框的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
useEffect如何通过form.getFieldValue(‘xxx‘)监听Form表单变化
这篇文章主要介绍了useEffect如何通过form.getFieldValue(‘xxx‘)监听Form表单变化问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家介绍了React结合Drag API实现拖拽示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
setState() 的执行机制包括状态合并、批量更新、异步更新、虚拟 DOM 比较和渲染组件等步骤,这样可以提高性能并优化渲染过程,这篇文章主要介绍了react中的setState的执行机制,需要的朋友可以参考下2023-10-10
本篇文章主要介绍了react-router4 嵌套路由的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
React Native系列之Recyclerlistview使用详解
这篇文章主要为大家介绍了React Native系列之Recyclerlistview使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要介绍了react如何利用懒加载减少首屏加载时间，帮助大家更好的理解和学习使用react，感兴趣的朋友可以了解下2021-04-04
解决React报错Encountered two children with the same key
这篇文章主要为大家介绍了React报错Encountered two children with the same key解决方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
react-redux是redux官方react绑定库，能够使react组件从redux store中读取数据，并且向store分发actions以此来更新数据，这篇文章主要介绍了react-redux使用,需要的朋友可以参考下2022-08-08
React styled components样式组件化使用流程
styled-components 是react的一个第三方库，一种css私有化的方式。用来实现CSS in JS 的方式之一。在多人协作中，css必定会出现命名冲突，与vue的scoped解决方案不同，react用styled-components的给类名加了随机字符的方式实现了css的私有化2023-02-02
本文主要介绍了react render props模式实现组件复用示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
最新评论