跳至主要内容

REFERENCE

SDK 範例

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

自訂選單

用 renderMenu 在聊天內容和輸入列之間插入一個自訂選單。搭配透過 ref 呼叫 setInputValue，可以建出階層式的快捷選單，點擊後自動填入輸入欄。

程式範例

const chatbotRef = useRef<ChatbotRef>(null);
 
<Chatbot
  ref={chatbotRef}
  renderMenu={() => (
    <QuickMenu
      onSelect={(question) => chatbotRef.current?.setInputValue?.(question)}
    />
  )}
  {...rest}
/>;

相關 API

API	說明
`renderMenu`	`() => ReactNode`，渲染在 body 和 footer 之間
`ChatbotRef.setInputValue`	透過 ref 程式化填入輸入框，見 ChatbotRef
`ChatbotRef.serviceContext`	取得 `sendMessage` 可直接送出訊息

準備好開始了嗎？

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