問題描述:如上圖所示,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
})
}
}
}