如何使用动画过滤显示大型数据集？

Question

我想知道将虚拟化与动画过滤相结合是否可行，例如 mixtitup 提供的内容：https://www.kunkalabs.com/mixitup/

我们的想法是呈现很多项目（比如说 30K 图像来表示），将它们虚拟化并使用 mixitup 之类的库的漂亮和流畅的过滤动画。

非常感谢！

Answer 1

react-virtualized 并不真正支持这种类型的动画（重新排列/重新排序）。我知道有人会为新行进行动画滚动或动画显示，并且有像 clauderic/react-sortable-hoc 这样的库可以进行动画拖放，但您链接到的动画类型涉及更多。

您可能可以通过providing your own (stateful) cellRangeRenderer 实现此功能。 Grid 将为您管理窗口，但您必须管理自己的转换。不过我没试过。

如果你做这样的事情-我很乐意看到。也许我们可以用它制作一个可重用的组件。