antdv table 获取选中数据
时间: 2024-05-03 16:17:01 浏览: 120
如果你使用的是 antd 的 table 组件,获取选中的数据可以通过以下步骤实现:
1. 在 table 组件中添加 `rowSelection` 属性来启用行选择功能,同时设置 `onChange` 属性来监听选中行的变化:
```jsx
<Table
rowSelection={{
type: 'checkbox',
onChange: (selectedRowKeys, selectedRows) => {
console.log(selectedRows)
},
}}
dataSource={dataSource}
columns={columns}
/>
```
2. 在 `onChange` 回调函数中,可以通过 `selectedRows` 参数获取到当前选中的所有行的数据数组。你可以根据自己的需求来处理这些数据,例如将其保存到 state 中以便后续操作:
```jsx
state = {
selectedRows: [],
}
<Table
rowSelection={{
type: 'checkbox',
onChange: (selectedRowKeys, selectedRows) => {
this.setState({ selectedRows })
},
}}
dataSource={dataSource}
columns={columns}
/>
// 在其他地方可以通过 this.state.selectedRows 来获取选中的数据
```
阅读全文