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表单赋值,用于修改弹框的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
react Input组件Compositionstart和Compositionend事件
这篇文章主要为大家介绍了Compositionstart和Compositionend事件之于react组件库Input组件的坑解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
这篇文章主要介绍了在 React 中使用 i18next,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-01-01
connect()是React-redux中的核心方法之一，它将react组件预redux中的Store真正连接在一起，下面这篇文章主要给大家介绍了react-redux中connect()方法的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-05-05
这篇文章主要为大家介绍了react-dnd API拖拽工具的详细用法示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
React函数式组件Hook中的useEffect函数的详细解析
useEffect是react v16.8新引入的特性。我们可以把useEffect hook看作是componentDidMount、componentDidUpdate、componentWillUnmounrt三个函数的组合2022-10-10
最近在学习React的过程中遇到了路由跳转后页面不刷新的问题，本文就详细的介绍一下解决方法，需要的朋友们下面随着小编来一起学习学习吧2021-06-06
React Native中WebView与html双向通信遇到的坑
这篇文章主要介绍了React Native中WebView与html双向通信的一些问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
这篇文章主要介绍了ReactRouterV6如何获取当前路由参数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
本文主要介绍了React-Router(V6)的权限控制实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
react-native-tab-navigator组件的基本使用示例代码
本篇文章主要介绍了react-native-tab-navigator组件的基本使用示例代码，具有一定的参考价值，有兴趣的可以了解一下2017-09-09
最新评论