antd table rowselection 踩坑总结

组件中有 rowSelection={rowSelection} 方法,可以让Table的第一列成为联动的选择框。通过 rowSelection.selectedRowKeys 来控制选中项。

在需求中,有默认disabled的选项,用到了rowSelection.getCheckboxProps来筛选需要disabled的
选项。遇到的问题就是disabled后,调用的rowSelection.onChange依然选中了disabled的选项。
贴图:

antd table rowselection 踩坑总结_第1张图片

antd table rowselection 踩坑总结_第2张图片
最后发现竟然是在rowkey上栽了,设置的rowkey为index,不知道为何不能标识唯一。
antd table rowselection 踩坑总结_第3张图片
官网上数据为key字段标识的rowkey。
antd table rowselection 踩坑总结_第4张图片
解决方案:

  1. 找后端加一个标识每条数据的id的字段。
  2. 自己在前端遍历时加一个key字段标识。

你可能感兴趣的:(antd table rowselection 踩坑总结)