antd table rowselection 踩坑總結

在 <Table/> 組件中有 rowSelection={rowSelection} 方法,可讓Table的第一列成爲聯動的選擇框。經過 rowSelection.selectedRowKeys 來控制選中項。前端

在需求中,有默認disabled的選項,用到了rowSelection.getCheckboxProps來篩選須要disabled的
選項。遇到的問題就是disabled後,調用的rowSelection.onChange依然選中了disabled的選項。
貼圖:後端

clipboard.png

clipboard.png
最後發現居然是在rowkey上栽了,設置的rowkey爲index,不知道爲什麼不能標識惟一。
clipboard.png
官網上數據爲key字段標識的rowkey。
clipboard.png
解決方案:spa

  1. 找後端加一個標識每條數據的id的字段。
  2. 本身在前端遍歷時加一個key字段標識。
相關文章
相關標籤/搜索