RtkTextMessage

@deprecated rtk-text-message は非推奨であり、まもなく削除されます。代わりに rtk-text-message-view を使用してください。チャットのテキストメッセージを描画するコンポーネントです。

プロパティ

プロパティ	型	必須	デフォルト	説明
`iconPack`	`IconPack`	❌	`defaultIconPack`	アイコンパック
`isContinued`	`boolean`	✅	-	同じユーザーによる続きのメッセージかどうか
`message`	`TextMessage`	✅	-	テキストメッセージオブジェクト
`now`	`Date`	✅	-	日付間の差を計算するための現在日時の Date オブジェクト
`showBubble`	`boolean`	✅	-	メッセージを吹き出しで表示します
`t`	`RtkI18n`	❌	`useLanguage()`	言語

使用例

基本的な使い方

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

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

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

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

function MyComponent() {
  return (
    <RtkTextMessage
      isContinued={true}
      message={textmessage}
      now={date}
    />
  );
}