使用Table和Form表單的時候,有時候會遇到一種場景,就是修改本條數據並刷新列表:
例如:更新第一條數據,修改供應商的名稱,點擊更新按鈕,后台返回正確的也是自己輸入的數據,但是頁面仍然顯示之前的內容。
原因:Table組件的key值不變的時候,是不會刷新頁面的,比如原來的key為0,更新之后,得到一個新的數組,但是給它的key重新賦值,又按順序排列,他還是0,所以,這一行數據是不會刷新的,解決辦法,重新賦值一個新的key,與原來的key不相同。
解決辦法:給key值重新賦值,可以給id或者添加一個時間戳都可以

感覺以前理解錯誤,真正的寫法應該是這樣
直接push的時候,引用沒有改變,只是改變了引用指向的內存數據,React認為虛擬DOM並沒有改變,因此,不會重新渲染頁面。這就會導致Table組件的dataSource改變了,但是Table並沒有重新渲染。
https://blog.csdn.net/qq_28060549/article/details/88051741