1. 概述

LLM 的输出结果，最终要显示到 UI 界面上被用户看到。那么我们要思考的问题就是，如何把 LLM 的输出结果，转化成 UI 界面上可以显示的数据。

1
const stream = await model.stream('请介绍一下 React。')
2

3
for await (const chunk of stream) {
4
  process.stdout.write(chunk.text)
5
}

这段代码中的 stream 不是完整答案，而是一条等待后续数据的通道。for await...of 每循环一次，就从通道里取出一个新的 AIMessageChunk

当我们与 UI 组件交互时，每有一个新的 AIMessageChunk 到达，UI 组件就会更新一次。

这个过程中，我们不能直接把 AIMessageChunk 直接原样交给 UI 组件。而需要经历过几次合理的数据转化，才能最终被 UI 组件显示出来。