Skip to content

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

RtkChatMessagesUi

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

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

役に立ちましたか？