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