使用modal彈框或者子組件填寫提交表單數據時,都會有展示編輯已提交數據的需求,也就是彈框里組件的數據初始化
使用的時候遇到一個問題,就是彈框里編輯的內容,關閉彈框后再次打開並不會清空
百度查了一下,大多提供了兩種方式,設置destroyOnClose,或者根據visible展示
這種方法對於在當前頁面引用modal有效,但是我的彈框是單獨寫成一個組件再引入的,用這個方法就無效
原因是在頁面中引入的組件除非刷新頁面,否則不會發生改變,所以對子組件進行設置並不會影響父組件中的引入
需要在父組件中對子組件進行設置
我的項目是使用antd design pro v4
總的來說,就是給所有modal彈框或者需要展示初始化數據的組件增加一個展示判斷,顯示時重新初始化就行了, 父子組件在父組件判斷