antd中的Modal對話框可以跟Form表單 組合使用。
在利用Modal和Form表單彈出提示框的時候,在修改Form表單數據的時候,修改某些值之后不提交,而是直接關閉Modal框,則下一個提示框中的Form數據仍是上一個修改的情況。
當修改代扣渠道為農行接口,但是沒有提交到后台,而是直接關閉Modal,則選另一個Modal的時候,無論你的數據是什么,代扣渠道都是農行接口
原因:
當我們第一次點開Modal的時候, FormItem會得到一個initialValue,但是這個值只在組件掛載的時候執行了一次, 當我們再次打開Modal窗口的時候並不會更新。
解決辦法:
Modal 是通過Visible來控制是否顯示, 我們只要利用這個值得變化就可以實現Modal組件的重新掛載了。
例如:
{
mode && <Modal />
}