共计 514 个字符，预计需要花费 2 分钟才能阅读完成。
问题描述：如上图所示，ant.design 中使用 Table 中的 rowSelection 单选框功能；在勾选了数据之后进行操作后重新请求数据，发现新的数据仍然被勾选，我们希望看到的效果当然是刷新数据后勾选取消掉，毕竟是新数据嘛。。。
首先是在官网上照着写的一个方法：原代码：
clearCheck = () => { // 处理勾选数据后清空勾选
this.setState({
selectedRowKeys: []
})
}
render () {
const rowSelection = {
onChange: (selectedRowKeys) => {
this.setState({
selectedRowKeys,
})
}
}
}
修改后的代码：
this.state = {
selectedRowKeys: []
}
clearCheck = () => { // 处理勾选数据后清空勾选
this.setState({
selectedRowKeys: []
})
}
render () {
const rowSelection = {
selectedRowKeys, // 这里是起作用的关键
onChange: (selectedRowKeys) => {
this.setState({
selectedRowKeys
})
}
}
}