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
            })
        }
    }
}
相關文章
相關標籤/搜索