对话界面的流式交互设计

对话界面的流式交互设计对话界面的重点是流状态、取消请求和不可信内容的安全渲染。模型输出应被视为外部输入。流式状态不要直接拼接到渲染逻辑用独立状态保存当前消息、完成消息和错误状态。请求被取消或组件卸载时及时中止读取。读取流的示例const reader response.body?.getReader(); if (!reader) throw new Error(响应没有可读流); const decoder new TextDecoder(); let text ; for (;;) { const { done, value } await reader.read(); if (done) break; text decoder.decode(value, { stream: true }); setDraft(text); }Markdown 渲染应关闭或严格过滤原始 HTML代码块、链接和附件也要有明确的安全策略。验证建议测试断网、取消、服务端错误、超长输出和含 HTML 的输出确认界面不会卡住或执行不可信内容。