🧐[问题]：加载已有多段文本对话页面严重卡顿 · ant-design/pro-chat

(13 条评论) (0 个反应) (0 位负责人)TypeScript (117 个派生)github user discovery

bughelp wanted

仓库指标

星标: (899 个星标)
PR 合并指标: (30 天内没有已合并 PR)

描述

🧐 问题描述

1、大概是消耗了30W Token的对话，字数约等于 5W-10W 2、此时继续对话，打字机效果吐字极慢。

      <ProChat
        displayMode={currentRow?.displayMode ?? "chat"}
        style={{ height: "calc(100vh - 150px)" }}
        chats={cachedChats}
        request={async (messages: any) => {

          const stream = OpenAIStream(response);
          return new StreamingTextResponse(stream);
        }}
      ></ProChat>

贡献者指南

研究方向: 使用 React DevTools Profiler 分析大量消息时聊天组件的渲染性能，识别不必要的重新渲染。通过实现聊天列表的虚拟化（例如 react window）并记忆与 token 计数或流式文本解析相关的昂贵计算来进行优化。
技术栈: typescriptreact
领域: frontenddeveloper experience
议题类型: 性能
难度: 3
预计时间: 半天
活动状态: 活跃
清晰度: 基本清晰
前置要求: ReactTypeScript
新手友好度: 40