SuperAPI AI 工具集

component-rendering

通用与其它

查看项目

更新于 10-16 01:09

技能介绍

用途:该技能处理 Tambo 组件的流式 props 与持久化组件状态,适用于实现流式 UI 反馈、跟踪 prop 流式状态以及管理可被 AI 感知的组件状态。

主要能力:useTamboStreamStatus 提供整体 streamStatus 与逐 prop 的 propStatus。streamStatus 含 isPending(尚未收到 token)、isStreaming(正在流式传输)、isSuccess(全部 prop 无错完成)、isError(致命错误)与 streamError。propStatus 含 isPending、isStreaming、isSuccess 与 error。useTamboComponentState 让状态对 AI 可见并跨会话持久化,返回 value、setValue 与 meta(isPending、error、flush),支持防抖(默认 500ms)与更新函数写法。

使用方式:从 @tambo-ai/react 导入上述 hook。根据 streamStatus 渲染骨架屏或加载指示器;用 propStatus 对单个 prop 应用样式。useTamboComponentState 接收 key、initialValue 与可选 debounceTime,setValue 支持直接赋值或更新函数,meta.flush 可立即提交待处理的防抖更新。

适用场景:用户可编辑且 AI 应看到的内容、需要持久化的表单输入、跨页面刷新保留的状态,以及生成后用户可修改的流式 props。

限制与建议:Zod schema 中应将 props 设为可选;缺失数据应显示骨架屏而非错误;使用可选链访问数组;在 streamStatus.isSuccess 前禁用交互。资料未提供更多平台或收费信息。