2016-12-05 16 views
0

をスクロールしたとき、私は次のように項目のリストをレンダリングしようとしたとき、私は問題を抱えている行をスキップします私は空のページの半分で終わりますが、それでもスクロール可能です。反応させ、仮想化をリスト

スクロールアップすると、さらに悪化するため、ページの半分がスキップされます。

AutoSizerCellMeasurerは正常に動作しているようです。コードを一歩進んだところ、正しい測定値を作成するように見えます。

私のデータは、オブジェクトの静的な配列に過ぎません。約束や流れではありません。

また、私のDatumコンポーネントを数回変更して完全に静的なマークアップであることを確認しましたが、何も変更されませんでした。

それをいじる、私は誤って私が間違って行っていたものを考え出したが、皮肉なことにhttps://plnkr.co/edit/2YJnAt?p=preview

[編集]

は、ここに私の問題を示すPlunkerです。私は私の解決策で回答を提出します。

+1

codepenが役立つだろうあなたはより多くの回答を得るために –

+3

あなたの 'rowRenderer'に' style'を渡すことでそれをクリアするかもしれません。https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md#list – Mbrevda

答えて

1

右、私は問題を発見した(!!そしてそう@MBrevdaが+1しました)

rowRenderer方法は、レンダリングされたリスト要素に適用する必要のあるスタイルを取る:https://plnkr.co/edit/FzPwLv?p=preview

関連する問題