聊天应用开发技术咨询：按会话ID存储消息时被覆盖的问题

嘿，我一眼就发现问题所在啦！你当前的代码是直接用单条消息对象替换了对应会话ID的全部内容，而不是把新消息追加到该会话的消息列表里，这才导致每次新消息进来都会覆盖之前的内容，每个会话永远只留最后一条消息。

问题根源分析 #

你的原代码：

allMsgs = { ...allMsgs, [payload.conversationId]: { ...payload.message } }

这里[payload.conversationId]对应的是一个单独的消息对象，每次执行这段代码时，都会把该会话ID下的值直接替换成新的单条消息，旧消息自然就被覆盖了。

正确的实现方式 #

我们需要让每个会话ID对应一个消息数组，而不是单个消息对象。每次有新消息时，要么给新会话创建包含这条消息的数组，要么给已有会话的数组追加新消息。

方案1：使用展开运算符简洁实现

allMsgs = {
  ...allMsgs,
  [payload.conversationId]: [
    // 如果会话已存在，取已有消息数组；不存在则用空数组兜底
    ...(allMsgs[payload.conversationId] || []),
    // 追加新消息
    payload.message
  ]
};

方案2：分步处理更直观

如果觉得上面的写法有点紧凑，也可以拆成两步，可读性更强：

// 先获取当前会话的已有消息，没有的话用空数组
const currentConversationMsgs = allMsgs[payload.conversationId] || [];
// 生成新的消息数组（保留旧消息，添加新消息）
const updatedMsgs = [...currentConversationMsgs, payload.message];
// 更新allMsgs对象
allMsgs = { ...allMsgs, [payload.conversationId]: updatedMsgs };

这样修改后，每个会话ID下都会维护一个消息数组，新消息只会被追加到数组末尾，再也不会出现覆盖的问题啦！

内容的提问来源于stack exchange，提问作者Frisbetarian-Support Palestine