Skip to content

❌ 异常信息显示

在生成式 UI 中,良好的错误处理对于提升用户体验至关重要。@langgraph-js/sdk 捕获了 langgraph 运行中的报错信息,你可以展示给用户。

基本用法

在 LangGraph SDK 中,错误处理主要通过 inChatError 状态进行管理。当 API 调用或其他操作发生错误时,错误信息会被捕获并显示给用户。

tsx
const ChatMessages = () => {
  const { renderMessages, inChatError } = useChat();
  
  return (
    <div className="chat-messages">
      {renderMessages.map((message) => (
        // 渲染消息...
      ))}
      {inChatError && <div className="error-message">{inChatError}</div>}
    </div>
  );
};