ant design 表格复选框勾选拿到数据唯一标识的集合

九层嵌套 for 循环

已于 2023-05-04 11:20:55 修改

阅读量284

点赞数

文章标签： java html 开发语言

于 2023-05-04 11:16:38 首次发布

本文链接：https://blog.csdn.net/weixin_72099243/article/details/130483315

版权

<Table
  rowKey="1"   // rowKey 每条数据的唯一标识（ID || KEY）
  scroll={{ x: 'max-content', y: 'max-content' }}
  pagination={false}
  rowSelection={rowSelection}  // 具体代码
  dataSource={dataStore()}
  columns={colums()}
/>

然后需要自己书写函数

  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([])

  const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
    console.log('选中的序号集合: ', newSelectedRowKeys)
    setSelectedRowKeys(newSelectedRowKeys)
  }
  const rowSelection = {
    selectedRowKeys,
    onChange: onSelectChange
  }

那么点击复选框之后拿到的数据就是这个样子的 [ ' 1 ' , ' 2 ' ] 。

时小记，终有成。