Ant Design of React Table 删除一行后selectedRowKeys残留和显示打钩残留问题
操作以后 会出现打钩现象,很明显是错误的那怎么弄,百度,看文档都不会
rowSelection.selectedRowKeys 来控制选中项,那我们就可以设置 selectedRowKeys
state = {
selectList: [],
selectedRowKeys: [],
}
... 代码省略....
let rowSelection = {
selectedRowKeys: this.state.selectedRowKeys,
onChange: (selectedRowKeys, selectedRows) => {
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
this.setState({
selectedRowKeys: selectedRowKeys,
selectList: selectedRows
});
},
};
... 代码省略....
<Table
size={'small'}
rowSelection={rowSelection}
pagination={false}
dataSource={realtimeacceptpostlist}
columns={leftColumns}
/>
总结: 重点是 将selectedRowKeys设置为全局变量 通过改变selectedRowKeys的值来达到打钩问题