别让模型发明组件：用 JSON Schema 白名单构建可回滚的生成式 UI
生成式 UI 常从拼接 HTML 起步，随后暴露 XSS、布局抖动和幻觉组件。把 LLM 输出当成有版本的数据协议，用 JSON Schema 白名单约束组件与属性，在 React 中递归渲染、未知类型降级，并与后端结构化解析对齐。
<tag />
#React
标签「React」下共有 5 篇文章。
别让历史消息拖垮 AI 聊天页：虚拟列表、流式就地更新与滚动锚定
长对话全量挂载 Markdown 会拖慢输入和滚动；虚拟列表又易裁掉流式最后一条。本文用 React 实现历史虚拟化、当前消息就地更新，以及用户上翻时不强制吸底。
别把流式回答当纯文本拼接：React 围栏闭合、高亮与 XSS 消毒
把流式回答从纯文本拼接改成增量解析：用 React 处理未闭合围栏与表格占位，延迟代码高亮，并避免消毒器误伤半截标签。
前端乐观更新：用 React 构建可回滚、可重放的状态同步
从请求竞态、重复提交、服务端校正和网络断开出发，使用 React 实现带操作队列、失败回滚与重新同步的可靠交互流程。
流式 AI UI 不只是逐字输出：React 与 SSE 消息状态机实战
以显式消息状态机取代字符串拼接，用 React 与 SSE 实现增量文本、工具调用、取消、重连、去重与异常恢复。