问题描述:如上图所示,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
})
}
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。