React - 無限スクロール - 動的高さを持つ子要素

Question

私は反応無限大から（https://github.com/seatgeek/react-infinite）を使用して、ユーザーのスクロール時にデータが読み込まれるようにしています。

私の問題は、子要素（コンテナ内）が高さが動的であることです。

これは、HTMLの構造体である：私は無限rowHeightのとcontainerHeightを渡すと

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

は、だから私はdynamicllyそれらを計算します。

問題は、子どもが異なる高さを持つことがあるということです（1人の子供が100の高さを持つことができ、2番目の子は300を持つことを意味する）。

これは、無限のスクロールがときどき止まるようにします。

これは、無限スクロールのシナリオです。 documentことで

Answer 1

は、あなたがこのように設定することができます。私は見

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