RtkChatMessagesUi

@deprecated 请改用 rtk-chat-messages-ui-paginated。

属性

属性	类型	是否必填	默认值	描述
`canPinMessages`	`boolean`	✅	-	当前用户是否可以置顶/取消置顶消息
`iconPack`	`IconPack1`	❌	`defaultIconPack`	图标包
`messages`	`Chat[]`	✅	-	聊天消息
`selectedGroup`	`string`	✅	-	选中的群组键名
`selfUserId`	`string`	✅	-	自身用户的用户 ID
`size`	`Size1`	✅	-	大小
`t`	`RtkI18n`	❌	`useLanguage()`	语言

使用示例

基本用法

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

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

带有属性

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

function MyComponent() {
  return (
    <RtkChatMessagesUi
      canPinMessages={true}
      messages={[]}
      selectedGroup="example"
    />
  );
}