reactjs - 在 React 中使用分组行向表添加虚拟化

Question

我有一个 Material UI 表格的工作版本，其中包含分组行。 https://codesandbox.io/s/1qzy3vvqp4

现在我需要能够处理大量的行(通过分组)。

有人做过吗？我该如何处理？

• react-virtualized 是否有一些我可以使用的功能？
• 我是否应该尝试根据 scrollHeight 和 scrollY 找出我自己的计算。如果是，那会是什么样子，因为我的数据被分成多个数组进行分组？

Answer 1

我很想看看工作示例(因为我正在搜索在 react 表中分组的选项)，但链接已关闭。

但是，根据剩余的信息，如果不看代码，我会说:

1. 是的。并通过他们自己的推荐，看看react-window ，这是前者的重写版本。
2. 还有一个您可以使用的库可以解决这个问题:react-virtualized-auto-sizer