antd -- Form和Modal彈出提示框,默認值不動態變換的問題


antd中的Modal對話框可以跟Form表單 組合使用。

在利用Modal和Form表單彈出提示框的時候,在修改Form表單數據的時候,修改某些值之后不提交,而是直接關閉Modal框,則下一個提示框中的Form數據仍是上一個修改的情況。
當修改代扣渠道為農行接口,但是沒有提交到后台,而是直接關閉Modal,則選另一個Modal的時候,無論你的數據是什么,代扣渠道都是農行接口

 

 

原因:

當我們第一次點開Modal的時候, FormItem會得到一個initialValue,但是這個值只在組件掛載的時候執行了一次, 當我們再次打開Modal窗口的時候並不會更新。

解決辦法:

Modal 是通過Visible來控制是否顯示, 我們只要利用這個值得變化就可以實現Modal組件的重新掛載了。
例如:
{  
  mode && <Modal />
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM