Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

RtkVirtualizedParticipantList

最終更新 Markdown で表示Agent セットアップ

プロパティ

プロパティ 型 必須 デフォルト 説明
bufferedItemsCount number ✅ - 表示領域の前後に描画するバッファ件数
emptyListElement HTMLElement ✅ - リストが空のときに描画する要素
itemHeight number ✅ - 各項目の高さ（ピクセル、固定を想定）
items Peer1[] ✅ - 仮想化する項目
renderItem (item: Peer1, index: number) ✅ - 各項目を描画する関数

使用例

基本的な使い方

import { RtkVirtualizedParticipantList } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkVirtualizedParticipantList />;
}

プロパティを指定する場合

import { RtkVirtualizedParticipantList } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkVirtualizedParticipantList
      bufferedItemsCount={42}
      emptyListElement={htmlelement}
      itemHeight={42}
    />
  );
}

役に立ちましたか？