У меня есть следующий sandBox https://codesandbox.io/s/mqk1z565qp с пользовательской реализацией react-virtualized с использованием компонентов Table и InfiniteLoader, основанный на официальной документации и примерах.https://github.com/bvaughn/reactvirtualized/blob/master/docs/InfiniteLoader.md
но я схожу с ума при добавлении InfiniteLoader.
Мне нужна помощь сообщества, что не так с текущей реализацией и поможет мне двигаться вперед.
В текущей позиции исходные данные не отображаются должным образом.Отображаются только некоторые из них ... Ожидается, что первые 50 пакетов пользователей будут отображаться при любом взаимодействии со стороны пользователя.Почему это не происходит прямо сейчас?
Во-вторых, когда пользователь прокручивает страницу в какой-то момент, на сервер должен быть сделан запрос для запроса следующего пакета строк (еще 50).Прямо сейчас, когда пользователь прокручивает пример, он ведет себя неправильно.
Как я понимаю из документации для каждой строки, запрос отправляется на сервер с заданным startIndex / stopIndex.
Относительно этого На более позднем этапе есть 2 мысли, ожидающие реализации.
- Уменьшить количество запросов к серверу.в идеале, только когда прокрутка близка к нижней части, попросите следующую партию.
- Перевести из startIndex / stopIndex в параметр страницы.Моя настоящая конечная точка API - это параметр, который ожидает, а не startIndex / stopIndex!
Но сейчас я достаточно счастлив, имея прокручиваемую таблицу и загружая данные по требованию через InfiniteLoader
примечание: у меня есть data.js.Он подделывает результирующий набор данных, разделенных на 3 страницы.