antd中树形表格tab切换时出现表格数据不清空的情况

大家肯定会有这样的需求,表格需要进行数据切换,antd很强大,当你的数据是树形结构时,会自动生成树形表格,就像下面这样(图为官网图片)

antd中树形表格tab切换时出现表格数据不清空的情况_第1张图片

但是你会发现,当你需要切换表格数据的时候,会出现表格数据不清空的情况,上一个tab的数据会掺杂在下一个tab中,这个问题让我非常苦恼,这是因为antd在进行切换表格数据的时候没有清空数据,所以出现了这样的情况,解决方案:在切换数据的函数里面加上这样一句话来清空数据:

this.props.form.resetFields()

然后完美的解决了这个问题,希望可以帮到你

你可能感兴趣的:(antd中树形表格tab切换时出现表格数据不清空的情况)