useState
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
const [selectedRows, setSelectedRows] = useState([]);
table的 props
...
rowKey: record => {
return record.key // or record.id
},
rowSelection: {
selectedRowKeys: selectedRowKeys,
onChange: (selectedRowKeys, selectedRows) => {
setSelectedRowKeys(selectedRowKeys);
setSelectedRows(selectedRows);
}
},
...
分页时候的onChange
onChang: ( ) => {
...
setSelectedRowKeys([ ]);
setSelectedRows([ ]);
}
点击切换分页的时候 不会触发rowSelection的onChange , 需要在分页的时候设置清空
rowKey 不可缺少 需要给每一行都设置不同的key
网友评论