【react+antd】当你使用了可选择的table【rowSelection】，却在操作后无法清除已选择状态
作者：互联网
关键代码：
const [selectedKeys, setSelectedKeys] = useState([]);
const [selectRows, setSelectRows] = useState([]);
const [selectedSingleRows, setSelectedSingleRows] = useState([]); //单条编辑
const rowSelection = {
// type: 'checkbox',
selectedRowKeys: selectedKeys,
onChange: (selectedRowKeys, selectedRows) => {
selectedRows = selectedRows.map(String);
console.log("RowKeys",selectedRows);
// setSelectedRows(selectedRows);
setSelectedKeys(selectedRowKeys);
setSelectRows(selectedRows);
},
// onSelect(selectedRows) {
// setSelectRows(selectedRows);
// },
// onSelectAll(selectedRows) {
// setSelectRows(selectedRows);
// }
// getCheckboxProps: (record) => ({
// checked: (selectedRows.indexOf(record.id)>-1?true:false)
// }),
};
const onFinish = (values) => {
console.log('Success:', values);
console.log('ids',selectRows);
batchEdit({ ids:modalTitle=='批量编辑'?selectedKeys:selectedSingleRows,checkState:values.checkState,extendCheck:values.extendCheck}).then((res) => {
if (res.data.code !== 200) {
message.error(res.data.msg);
} else {
search();
setBatchEditVisible(false);
setSelectRows([])
setSelectedKeys([])
}
});
};
标签：rowSelection,const,res,setSelectRows,react,values,useState,selectedRows,table 来源： https://www.cnblogs.com/yzy521/p/16527137.html