使用项目的映射列表进行React虚拟化的列表

Question

我在React中长时间显示数据存在问题。单击按钮后，我将显示过滤的，映射的项目列表。 'selectItem'是一个'useState'挂钩，我用它打开了一个新窗口，其中包含一些与列表中一项有关的数据。我的项目列表确实非常庞大，我不想渲染所有项目。向下滚动后，只想渲染并显示列表的下一部分。我读到我可以使用 react-virtualized列表，但不确定在这种情况下应如何执行。预先感谢您的帮助。

请参见下面的部分代码

<div className="menuItem"> 
{filteredItem.map((item: any, index: number) =>
<div 
key={index}
onClick={()=>{
selectItem(item);
}}> {item.name}
</div>)
</div>