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字段标识。
相关文章
相关标签/搜索