跳至主要内容

REFERENCE

SDK 範例

@asgard-js/core 與 @asgard-js/react 的用法與可以直接操作的範例。

對話標題

對話頂端可以顯示一條標題列,與 Header 的 Bot 名稱(title prop)不同。它適合用來呈現 「目前這個 channel 在談什麼」,例如工單編號、對話主題等。

  1. 相關 Props​

    Prop型別說明
    channelTitlestring | null標題初始值(通常取自 channelMetadata()),會隨後端 title.update 事件動態更新。null = 未命名
    renderTitle(props) => ReactNode完全取代標題列。props 為 { title, renderDefault },回傳 null 可隱藏
    untitledLabelstring未命名(null)時顯示的預設字,預設 新對話
    channelTitleHiddenboolean直接隱藏標題列
  2. 動態更新​

    標題背後是一個響應式 store:後端送出 asgard.channel.title.update 事件時會自動更新, 無需手動重繪。Headless 消費端可用 useChannelTitle(channel) hook 訂閱,詳見 Headless 模式。

  3. 也看看​

準備好開始了嗎?

想知道 Asgard 怎麼用在你的團隊?跟我們聊聊。

聯絡我們