Ant design table 表格 報 Warning: Each record in table should have a unique `key` prop,or set `rowKey`

原因:

性能問題,這個是和React的dom-diff算法相關的,react對dom做遍歷的時候,會根據data-reactid生成虛擬dom樹,如果沒有手動的添加key值的話,react是無法記錄你的dom操作的,它只會在重新渲染的時候,繼續使用相應的dom數組的序數號(array[index]這種)來比對dom樹

解決方法(一):

對render中遍歷的元素添加key屬性,key值最好是映射對應的數組數據,而與index無關

方案二:設置rowKey

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