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

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