问题描述:ant.design中 Modal 中使用Table中的rowSelection单选框功能;在勾选了数据之后进行操作后重新请求数据,发现新的数据仍然被勾选,我们希望看到的效果当然是刷新数据后勾选取消掉,毕竟是新数据嘛。。。
const {selectedOrderRowKeys} = this.state;//这边是定义的行keys,行keys,行keys三遍
const reBookOrderRowSelection = {
//最重要的是这里,selectedRowKeys这边定义的变量名称随意取值,
//但是一定要跟 onChange: (selectedRowKeys, selectedRows) 中的selectedRowKeys值一样
//其次就是去更新selectedOrderRowKeys的值,勾选就没了
selectedRowKeys: selectedOrderRowKeys,
onChange: (selectedRowKeys, selectedRows) => {
this.setState({
selectedOrderRows: selectedRows,
selectedOrderRowKeys: selectedRowKeys,
});
},
getCheckboxProps: (record) => ({
// 检票状态 0未检票1已检票
disabled: record.ticketCheckedState === '1',
}),
};
<Table
rowSelection={reBookOrderRowSelection}
columns={reBookOrderColumns}
dataSource={this.state.reBookOrderData}
/>