React design pro 向表格中添加數據,表格不會刷新

                                                           React design pro 向表格中添加數據,表格不會刷新

一、由於我是初學者,很多東西都沒有深入的理解,看dva文檔也並沒有深入的進行了解,所以才導致遇到了許多的問題。我遇到的問題:我通過form提交數據表單,寫入數據庫,但表格不能同步刷新插入的數據,並且顯示,顯示的還是以前的數據,需要刷新一下頁面才正常。

二、問題原因查找:

1.先看前端添加函數代碼:

之前的思路:第一個函數作用,就是調用添加數據接口,執行完後在調用查詢數據接口,重新加載數據。通過這種方式,我們調試可以發現,這兩個函數是異步的,執行不會像我們想象的結果一致,那是必然的。這裏面因爲是異步函數,所以有很多種情況發生,因爲它不知道第一個函數是否執行成功,第二個函數也會同步執行,就會出現兩個函數同時執行,也就是說,第一個函數添加數據還沒完成,第二個函數就已經執行完成,所以查詢到是添加之前的數據,這裏就可以解釋爲什麼表格數據不進行刷新了,從這裏可以看出,我並不瞭解dispath的用法,也特別需要去了解異步執行的相關知識。

三、解決辦法(可能不是最完美的):

1.修改models直接返回call方法:

2.頁面代碼修改爲:

至此,我的問題解決了,不知道這種方法效果如何但能達到目的,這裏還有另外一種解決辦法,那就是在model文件裏面進行callback 例如:

如果有更好的解決方法,或者是我的理解有錯誤,還望各位大佬指點一下我,我將感激不盡。

請聯繫我:[email protected]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章