ant.design 表格循环出现多余的列

用ant.design 3x开发过程中,在列字段是动态加载出来的时候,会循环出多余的列。如下图,正常的接口只返回一级、二级的数据,但莫名其妙的出现外观设计专利申请等两列多余的数据。

ant.design 表格循环出现多余的列

ant.design 表格循环出现多余的列后面发现是列数据和另外一个页面调用了同一个来自redux的数据。初始化载入的时候,带入了另一页面列数据,并用初始化带入的数据渲染了一次。但后续页面接口拉取数据是正常的,理论上来说,应该在接口返回重新渲染之后应该是正常列才对。猜测是ant.design复用了第一次循环出来的DOM。新列添加一个key到列配置中,最终重新渲染正常。但表格列配置添加key后,有出现了诡异的现象,input输入框每次输入后就会自动失去焦点,每次只能输一个字符,不能连续输入。最终还是考虑在卸载前一个页面之前,将公用的redux字段进行重置。