Как перевернуть бесконечность скроллера в reactjs

Question

Я создаю панель чата, в которой я хочу, чтобы при прокрутке сообщений div приходили старые сообщения и добавлялись к другим сообщениям. Я также прокручиваю сообщения div внизу его высоты, когда сообщения загружаются впервые, чтобы показать последние сообщения, такие как приложение чата. Я попытался отреагировать модуль на это, но безуспешно. модуль, который я использовал, это «реакция-бесконечный скроллер». у него есть опция «isReverse», но она не работает. Итак, кто-нибудь может сказать мне, как я могу достичь вышеупомянутой цели, используя любой реагирующий модуль, или может также использовать только код javascript (с помощью функции обратной прокрутки вручную).

Answer 1

Вы можете использовать React Visibikity Sensor

const VisibilitySensor = require('react-visibility-sensor');
<VisibilitySensor onChange={onChange}>
  <div>...content goes here...</div>
</VisibilitySensor>

Вы можете поместить этот датчик в верхнюю часть вашего div, который теперь содержит ваши сообщения, если вы достигнете вершины, вы можете обрабатывать isVisible или нет, а теперь вы можете добавить вызов fetchmore, чтобы получить больше сообщения