ノンストップで再レンダリングしています。
この簡単な例では、「X」を含むdivをレンダリングしています。
適切な高さと幅を指定し、可能なすべてのCSSを削除しようとしましたが、取得できません。
要素:
画面:
私のコード:
```
)}
</List>
</div>
適切な高さと幅を指定し、可能なすべての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 />;
}
最も参考になるコメント
これが何を意味するのかわかりませんが、あなたの例では、問題を引き起こす可能性のある、渡された
style
パラメータを使用していないようです。style
パラメーターは、リスト内の要素の位置とサイズです。また、「ノンストップレンダリング」とはどういう意味ですか? 上記のコード例では、リストの高さを200ピクセルに設定し、アイテムの高さを17ピクセルにし、さらに10個のアイテムを事前レンダリング(「オーバースキャン」)するように指示します。 これは、最大22個のアイテムをレンダリングすることを意味します。 (補足として、オーバースキャン値がこれほど高くなることはお勧めしません。おそらく1〜3が最適です。)