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

(13 留言) (0 反應) (0 負責人)TypeScript (117 fork)github user discovery

bughelp wanted

倉庫指標

Star: (899 star)
PR 合併指標: (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