如何在React应用程序中将大量对象显示为HTML表

Question

我的任务是在我的React应用程序中以表格的形式显示对象数组，并使用一些基本的过滤器(日期、之前/之后等)。Object有5-6个字段(性别、电子邮件、状态、日期..)。我不想一次渲染所有的对象，而是想创建一个虚拟化表，一次显示20-30个项目，滚动后将显示下一个20-30个项目。我对此进行了大量的研究，我发现React-Virtualised，React-Table，React-Window可以完成这个任务。

我不理解的是一些例子建议使用React-table和react-window，还有一些建议React-Virtualised或react-window单独使用。同时，React-Virtualised和React-window也是为列表和网格构建的。但是我想要一张桌子。从昨晚开始我就很困惑，因为哪个库最适合我的用例。请帮我理解一下。

Answer 1

我不认为你应该立即寻找一个库来为你做这件事。

您可以很容易地自己完成此操作，例如，将30个元素放入一个表中，并向table元素添加一个滚动处理程序。

然后，当用户滚动到底部时，您只需加载更多的元素。

如果你想让它更高效，更先进，你可以重用你已经创建的30个元素。