У меня проблема с длительным отображением данных в React. Я отображаю отфильтрованный, сопоставленный список элементов после нажатия на кнопку. selectItem - это ловушка useState, которую я использовал, чтобы открыть новое окно с некоторыми данными, относящимися к одному элементу из моего списка. Мой список элементов действительно огромен, и я не хочу отображать все элементы. После прокрутки вниз просто хочу отрендерить и отобразить следующую часть списка. Я прочитал, что я могу использовать реагирующий виртуализированный список, но не уверен, как это сделать в этом случае. Заранее благодарим за помощь.
См. Часть кода ниже:
<div className="menuItem">
{filteredItem.map((item: any, index: number) =>
<div
key={index}
onClick={()=>{
selectItem(item);
}}> {item.name}
</div>)
</div>