示例 1: 最简单的对话

这是最基础的 Tambo AI 应用。你将学会如何设置 TamboProvider 并发送消息。

学习要点

1. TamboProvider

所有 Tambo 应用的根组件,需要提供 apiKey 和 components 配置。

2. useTamboThreadInput

处理用户输入的 Hook,提供 value、setValue 和 submit 方法。

3. useTamboThread

访问当前对话线程,获取消息历史和渲染的组件。

4. 消息流

消息以流式方式传递,AI 响应会实时显示给用户。

试试这些消息:

  • • "你好!介绍一下 Tambo AI"
  • • "生成式 UI 和传统 UI 有什么区别?"
  • • "给我讲个笑话"