Agora Web Client SDK历史消息异常：消息显示格式不符合预期

• 检查消息身份标记：确保每条消息携带sender_id或is_self标识，会话切换时重新校验当前用户与消息发送者的对应关系，避免身份判断逻辑失效
• 修复样式绑定：给己方消息和对方消息分配不同的CSS类，通过margin-auto实现左右分列：

  .msg-self {
    margin-left: auto;
    max-width: 70%;
    background: #dcf8c6;
    border-radius: 16px 16px 0 16px;
  }
  .msg-other {
    margin-right: auto;
    max-width: 70%;
    background: #fff;
    border-radius: 16px 16px 16px 0;
  }
  

• 校验渲染逻辑：会话切换时强制重新渲染消息列表，确保前端框架（React/Vue/Angular）中列表渲染的key使用消息唯一ID，避免DOM复用导致样式错乱

异常展示截图 #

内容的提问来源于stack exchange，提问作者Noman Zahid