antd表格添加数据不更新_antd表格重新刷新选中项(清除选中缓存)

本文介绍了在Ant Design(Antd)表格中遇到的选中项缓存问题,即在添加数据后表格未更新且再次打开页面仍保持选中状态。通过分析错误代码和正确解决方案,强调在`rowSelection`对象中添加`selectedRowKeys`属性以清除选中项的缓存。提供了一个完整的React组件Demo,展示了如何在按钮点击时清空`selectedRowKeys`以刷新表格状态。
摘要由CSDN通过智能技术生成

不加rowkey对比1.jpg

如上如所示,选中项再打开页面仍然存在

从antd官网复制的下面方法,点击其他按钮刷新selectedRowKeys发现清除不了选中项的缓存

注意:不是点击第二页重复勾选的问题,是再次打开页面后有缓存的问题,重复勾选的问题我的下一篇文章会有介绍

错误代码如下:

const rowSelection = {

onChange: (selectedRowKeys) => {

this.setState({

selectedRowIds : selectedRowKeys.map(Number),

selectedRowKeys

})

},

};

clearData = () => {

this.setState({ selectedRowKeys: [] }); //清空发现没有任何效果

}

最后查了一下,发现是selectedRowKeys的问题!!!要在rowSelection中onchange外面加上selectedRowKeys这个!!

正确代码如下:

//提前在state中定义状态

this.state={

selectedRowKeys:[],

}

const {selectedRowKeys } = this.state;

const rowSe

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值