彗星聊天卡渲染器反应

用于渲染彗星Chat Card Schema JSON的回放组件. 这是薄薄的包裹 @cometchat/cards 将香草 DOM 输出装入具有全生命周期管理的 React 组件.

它会做什么

• 作为本地反应组件的Renders Card Schema JSON
• 对道具更改(cardJson,主题Mode,主题Override,日志等)进行回放
• 在卸载时自动清理 DOM 和主题观察者
• 点击按钮、图标按钮, 并按键链接回调 CometChatCardActionEvent编号

包裹是一个纯粹的渲染器. 它不与"彗星Chat SDK"对话,不管理信息生命周期,也不知道你的应用的路由. 每个动作都由你决定.

安装

npm install @cometchat/cards-react

@cometchat/cards-react 包含 @cometchat/cards 作为一种依赖——不需要同时安装.

同伴依赖关系

• react 页:1
• react-dom 页:1

使用量

import { CometChatCardView } from "@cometchat/cards-react";

function CardMessage({ cardJson }: { cardJson: string }) {
  return (
    <CometChatCardView
      cardJson={cardJson}
      themeMode="auto"
      onAction={(event) => {
        console.log("action:", event.action.type, "from", event.elementId);
      }}
    />
  );
}

开始

参见 一体化步骤 将反应卡集成到您的应用程序中.

先决条件

• 节点.js
• npm 第7页
• 反应 QQ 17.0.0

帮助和支持

关于一体化问题,建立一个 支持票 或通过 彗星聊天板。 。 。 .