RtkPaginatedList

プロパティ

プロパティ	型	必須	デフォルト	説明
`autoScroll`	`boolean`	✅	-	リストを最下部まで自動スクロールする
`createNodes`	`(data: unknown[])`	✅	-	ノードを作成する
`emptyListLabel`	`string`	✅	-	空のときに表示するラベル
`fetchData`	`(timestamp: number, size: number, reversed: boolean)`	✅	-	データを取得する
`iconPack`	`IconPack`	❌	`defaultIconPack`	アイコンパック
`pageSize`	`number`	✅	-	ページサイズ
`pagesAllowed`	`number`	✅	-	表示できるページ数
`rerenderList`	`()`	✅	-	ページネーション付きリストを再描画する
`reset`	`(timestamp?: number)`	❌	-	指定したタイムスタンプにページネーション付きリストをリセットする
`t`	`RtkI18n`	❌	`useLanguage()`	言語

使用例

基本的な使い方

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

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

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

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

function MyComponent() {
  return (
    <RtkPaginatedList
      autoScroll={true}
      createNodes={[]}
      emptyListLabel="example"
    />
  );
}