clipboard.png
问题描述:如上图所示,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
            })
        }
    }
}

不会飞的Porco
125 声望5 粉丝

segmentAnt