antd的table會渲染出多的資料的問題

2021-10-06 23:42:53 字數 637 閱讀 3800

在模糊查詢輸入框輸入「浙a8888」,發現查詢結果有多餘的兩條資料,並且發現當清空查詢條件,每次根據該查詢條件查詢都會多增加一條「浙a12345」的資料,如圖:

後來看控制台,一直在報key值不唯一的問題。發現後台返回兩條id相同的資料,即車牌號碼為「浙a12345」的資料:

而介面恰好是拿該dispositionid作為key值的:

因此就出現了key值不唯一的問題,也就造成了標題出現的問題,終於破案了~~

隨後我把key設定為唯一值的時候發現該問題也解決了。

按照 react 的規範,所有的元件陣列必須繫結 key。在 table 中,datasource 和 columns 裡的資料值都需要指定 key 值。對於 datasource 預設將每列資料的 key 屬性作為唯一的標識。最後發現是由於設定的rowkey不是唯一的問題造成了此bug。

antd裡面的Table渲染多出來資料問題

最近發現個問題,就是table渲染的時候竟然會多出來一條上次的資料,關鍵在render渲染前還列印了資料是對的,但是一看頁面傻眼了 然後發現了這是antd的乙個bug,記錄下,希望幫我一樣遇到這樣問題的人。按照 react 的規範,所有的元件陣列必須繫結 key。在 table 中,datasour...

antd的Table列選擇 列拓展

列選擇 rowselection屬性 選擇的專案存放在陣列中 const selectedrow,setselectedrow usestate 選擇此項 const onselect value any 選擇當前頁所有 const onselectall value any filter item...

動態渲染可編輯單元格的Table

一 問題描述 問題是這樣的,後台傳了xarr x1,x2,xn 和yarr y1,y2,yn 兩個陣列,前端要渲染出 並且可以填寫每個單元格的值,然後按照一定資料結構儲存並傳給後台,並且再次獲取這個資料結構和陣列xarr yarr可以自己渲染出這個表?實現新增和修改的功能。大致介面效果如下圖所示 y...