2024-01-13 antd的tabel组件业务问题之勾选了table中的一项,然后弹出弹窗,接着关闭弹窗,刷新table,但是table选中的一项还是显示被勾选中的状态 ==》你没有改变所选中的数据(selectedRowKeys)

发布时间 2024-01-13 10:55:30作者: 哎呦你可棒棒了

如图:

 问题:table显示的勾选状态的数据无法被改变。

原因:你没有改变到勾选数据,你只是在勾选时把选中的值赋值给了一个变量,然后以为自己清空了变量,以为自然而然地就取消勾选状态了,实际上就是你代码没写全!

解决方案:

原来写法:

rowSelection: {
    onChange: handleChange,
},

你写少了一行关键代码,正确写法如下:

rowSelection: {
    selectedRowKeys: selectedKeys,
    onChange: handleChange,
},

就是你要把你选中的值赋值给的变量再赋值给selectedRowKeys,这样你通过handleChange方法把selectedKeys给改变了,就能改变selectedRowKeys,而selectedRowKeys就是选中的数据源!