hook定义selectedRowKeys
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
const [selectedRowsState, setSelectedRows] = useState([]);
初始化时利用setSelectedRowKeys给selectedRowKeys塞值,时行数据的rowKey的数组。
设置table属性rowSelection
<Table
rowKey="id"
columns={columns}
rowSelection={{
type: 'checkbox',
selectedRowKeys, // selectedRowKeys: selectedRowKeys的简写
onChange: (selectedRowKeys, selectedRows) => {
console.log('selectedRowKeys:',selectedRowKeys, 'selectedRows: ', selectedRows);
setSelectedRowKeys(selectedRowKeys);
setSelectedRows(selectedRows);
},
}}
/>
selectedRowKeys与onChange来实现默认选中行
设置表格disable使用getCheckboxProps设置
ts版本不难就自己写吧,解决了您的问题,点个赞哈,祝好