Мы использовали компонент response-custom-scrollbars и реализовали бесконечную полосу прокрутки, вызвав apis с поддержкой пагинации.
Мы использовали макет сетки и визуализировали его в полосах реагирования на пользовательские полосы прокрутки.
Компонент отлично работает с некоторым объемом данных, но после большого объема данных компонент показывает странный вывод. После многократной прокрутки в определенный момент все данные перекрываются в один интервал сетки и не добавляются в новую строку.
Изображение 1 : все данные после определенного времени перекрывались на промежутке и работали не так, как ожидалось.
Изображение 2 : При проверке в браузере отображается сообщение «Показать все узлы» , как вы можете видеть на другом прикрепленном изображении.
Данные для визуализации создаются в jsx и хранятся в локальном состоянии компонента.
Изображение 1 : изображение, показывающее перекрывающиеся данные.
Изображение 2 : На изображении показаны все узлы внутри проверки браузера
Пожалуйста, если кто-нибудь может подсказать, что на самом деле здесь происходит и как я могу решить эту проблему.