自訂選單

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

階層式快捷選單

在聊天機器人面板中（聊天內容和底部輸入欄之間）點選任一子項目，聊天機器人的輸入欄就會自動填入該文字。

• 使用 renderMenu prop
• 透過 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 可直接送出訊息