Реакт - бесконечная прокрутка - дочерние элементы с динамическими высотами

Question

Я использую реакцию-бесконечность от (https://github.com/seatgeek/react-infinite), чтобы загружать данные, когда пользователь прокручивает.

Проблема для меня в том, что дочерние элементы (внутри контейнера), их высота динамична.

Это структура из HTML:

<Infinite class="container" containerHeight={ContainerHeight} elementHeight={rowHieght}> 
    <div class="child"> </div> 
    <div class="child"> </div> 
    .. 
</Infinite> 

Итак Когда я передать бесконечна RowHeight и containerHeight рассчитать их dynamiclly.

Проблема в том, что дети могут иметь разную высоту (то есть 1 ребенок может иметь высоту 100, белый - второй, может иметь 300).

Это делает бесконечную прокрутку, чтобы иногда застревать.

Это возможный сценарий бесконечной прокрутки.

Answer 1

По document, вы можете установить, как это:

<Infinite containerHeight={200} elementHeight={[111, 252, 143]}> 
    <div className="111-px"/> 
    <div className="252-px"/> 
    <div className="143-px"/> 
</Infinite>