Reactjs 如何在React应用程序中将大型对象数组显示为HTML表

Reactjs 如何在React应用程序中将大型对象数组显示为HTML表,reactjs,html-table,react-table,react-virtualized,Reactjs,Html Table,React Table,React Virtualized,我的任务是在我的React应用程序中以表格形式显示对象数组,并使用一些基本过滤器(日期前/日期后等)。对象有5-6个字段(性别、电子邮件、状态、日期..)。我不想一次渲染所有对象,而是想创建一个虚拟化的表,一次显示20-30个项目,滚动时将显示下一个20-30个项目。我对此进行了大量研究,发现React虚拟化、React表、React窗口可以实现此任务 我不明白的是,有些示例建议使用带有React窗口的React表,有些建议使用React虚拟化或单独使用React窗口。此外,还为列表和网格构建了

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


我不明白的是,有些示例建议使用带有React窗口的React表,有些建议使用React虚拟化或单独使用React窗口。此外,还为列表和网格构建了React虚拟化和React窗口。但是我想要一张桌子。从昨晚开始我就很困惑,因为哪个库适合我的用例。请帮我理解。

我认为你不应该立即找图书馆来为你做这件事

您可以自己轻松地完成这项工作,例如,将30个元素放入一个表中,并向表元素添加一个滚动处理程序

然后,当用户滚动到底部时,您只需在中加载更多元素


如果您想让它更高效、更高级,可以重新使用您已经创建的30个元素。

谢谢您的建议。但我现在不能负担这么多时间,所以我正在寻找一个快速解决方案。如果你知道任何图书馆,请告诉我