如何防止扩展的 React-Table 行在重新渲染时折叠?



我有一个简单的反应表,其中包含一个扩展的子组件,其数据与Redux状态对象相关联。

当子组件被扩展时,我会触发一个 api 调用来获取一些额外的数据,以便延迟加载到 redux 存储中。redux 存储使用新数据进行更新,子组件 DOM 也成功更新,但问题是扩展的行在重新渲染后不会保持扩展状态。它崩溃了。

有没有办法即使在 redux 存储更新并触发重新渲染后也能保持扩展的行的扩展?

在配置中将autoResetExpanded设置为 false,更多详细信息 - https://react-table.tanstack.com/docs/api/useExpanded

对我来说,将collapseOnDataChange设置为假有效

您也可以尝试freezeWhenExpanded属性并将其设置为 true。

相关内容

  • 没有找到相关文章

最新更新