ant Table rowSelection勾选后更新数据无法清除缓存（无法取消勾选）-白红宇

ant Table rowSelection勾选后更新数据无法清除缓存（无法取消勾选）

阅读量：6643 次

发布时间：2019-06-25

本文共 725 字，大约阅读时间需要 2 分钟。

问题描述：如上图所示，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            })        }    }}

转载地址：http://ytovo.baihongyu.com/

你可能感兴趣的文章