ant Table rowSelection勾選後更新數據無法清除緩存(無法取消勾選)

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
            })
        }
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章