React-window: ノンストップの再レンダリング

作成日 2018年08月13日  ·  4コメント  ·  ソース: bvaughn/react-window

ノンストップで再レンダリングしています。
この簡単な例では、「X」を含むdivをレンダリングしています。
適切な高さと幅を指定し、可能なすべてのCSSを削除しようとしましたが、取得できません。

要素:
ezgif com-crop

画面:
ezgif com-video-to-gif

私のコード:
```

{({インデックス、スタイル}) => (
バツ
            )}
        </List>
</div>
💬 question

最も参考になるコメント

適切な高さと幅を指定し、可能なすべてのCSSを削除しようとしましたが、取得できません。

これが何を意味するのかわかりませんが、あなたの例では、問題を引き起こす可能性のある、渡されたstyleパラメータを使用していないようです。 styleパラメーターは、リスト内の要素の位置とサイズです。

また、「ノンストップレンダリング」とはどういう意味ですか? 上記のコード例では、リストの高さを200ピクセルに設定し、アイテムの高さを17ピクセルにし、さらに10個のアイテムを事前レンダリング(「オーバースキャン」)するように指示します。 これは、最大22個のアイテムをレンダリングすることを意味します。 (補足として、オーバースキャン値がこれほど高くなることはお勧めしません。おそらく1〜3が最適です。)

全てのコメント4件

適切な高さと幅を指定し、可能なすべてのCSSを削除しようとしましたが、取得できません。

これが何を意味するのかわかりませんが、あなたの例では、問題を引き起こす可能性のある、渡されたstyleパラメータを使用していないようです。 styleパラメーターは、リスト内の要素の位置とサイズです。

また、「ノンストップレンダリング」とはどういう意味ですか? 上記のコード例では、リストの高さを200ピクセルに設定し、アイテムの高さを17ピクセルにし、さらに10個のアイテムを事前レンダリング(「オーバースキャン」)するように指示します。 これは、最大22個のアイテムをレンダリングすることを意味します。 (補足として、オーバースキャン値がこれほど高くなることはお勧めしません。おそらく1〜3が最適です。)

この問題は実際には実行可能ではないため、クローズします。 ただし、フォローアップの質問がある場合は、ここでさらにチャットできます。

こんにちはブライアン、
スタイルオプションを追加したところ、問題は解決しました。
ないときにレンダリングするオプションがあるかどうか知りたいのですが
結果?
(仮想化された反応のように)
ありがとうございました。

18:28ブライアン・ヴォーンの月、2018年8月13日には[email protected]
書きました:

クローズ#41https ://github.com/bvaughn/react-window/issues/41


スレッドを作成したため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/bvaughn/react-window/issues/41#event-1785673888 、またはミュート
スレッド
https://github.com/notifications/unsubscribe-auth/AiCJbFhau_HA7fhKzfkb6c53ucm5bdsCks5uQZsigaJpZM4V6t0m

いいえ、react-windowには何も組み込まれていません。 最も簡単な方法は、別のコンポーネントを返すことだと思います。

if (numItems === 0) {
  return <NoResultsView />;
} else {
  return <FixedSizeList />;
}
このページは役に立ちましたか?
0 / 5 - 0 評価