码迷,mamicode.com
首页 > 其他好文 > 详细

antd -- Form和Modal弹出提示框,默认值不动态变换的问题

时间:2020-06-04 14:12:53      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:动态   不提交   pem   ota   直接   rail   wss   osi   day   

antd中的Modal对话框可以跟Form表单 组合使用。

在利用Modal和Form表单弹出提示框的时候,在修改Form表单数据的时候,修改某些值之后不提交,而是直接关闭Modal框,则下一个提示框中的Form数据仍是上一个修改的情况。
当修改代扣渠道为农行接口,但是没有提交到后台,而是直接关闭Modal,则选另一个Modal的时候,无论你的数据是什么,代扣渠道都是农行接口

 技术图片

 

原因:

当我们第一次点开Modal的时候, FormItem会得到一个initialValue,但是这个值只在组件挂载的时候执行了一次, 当我们再次打开Modal窗口的时候并不会更新。

解决办法:

Modal 是通过Visible来控制是否显示, 我们只要利用这个值得变化就可以实现Modal组件的重新挂载了。
例如:
{  
  mode && <Modal />
}

 

antd -- Form和Modal弹出提示框,默认值不动态变换的问题

标签:动态   不提交   pem   ota   直接   rail   wss   osi   day   

原文地址:https://www.cnblogs.com/liumcb/p/13042879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!