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

Posted 2020-11-28 liumcb

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

在利用Modal和Form表单弹出提示框的时候，在修改Form表单数据的时候，修改某些值之后不提交，而是直接关闭Modal框，则下一个提示框中的Form数据仍是上一个修改的情况。

当修改代扣渠道为农行接口，但是没有提交到后台，而是直接关闭Modal，则选另一个Modal的时候，无论你的数据是什么，代扣渠道都是农行接口

 

 

原因：

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

解决办法：

Modal 是通过Visible来控制是否显示， 我们只要利用这个值得变化就可以实现Modal组件的重新挂载了。

例如：

{　　

　　mode && <Modal />

}