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"
    />
  );
}