ant Table rowSelection勾选后更新数据没法清除缓存(没法取消勾选)

clipboard.png
问题描述:如上图所示,ant.design中使用Table中的rowSelection单选框功能;在勾选了数据以后进行操做后从新请求数据,发现新的数据仍然被勾选,咱们但愿看到的效果固然是刷新数据后勾选取消掉,毕竟是新数据嘛。。。this

首先是在官网上照着写的一个方法:
原代码:spa

clearCheck = () => { // 处理勾选数据后清空勾选
    this.setState({
        selectedRowKeys: []
    })
}
render () {
    const rowSelection = {
        onChange: (selectedRowKeys) => {
            this.setState({
                selectedRowKeys,
            })
        }
    }
}

修改后的代码:code

this.state = {
    selectedRowKeys: []
}
clearCheck = () => { // 处理勾选数据后清空勾选
    this.setState({
        selectedRowKeys: []
    })
}
render () {
    const rowSelection = {
        selectedRowKeys, //这里是起做用的关键
        onChange: (selectedRowKeys) => {
            this.setState({
                selectedRowKeys
            })
        }
    }
}
相关文章
相关标签/搜索