React中如何向Firestore文档的Map字段追加值而非覆盖

你的问题核心是直接给blocked字段赋值新对象会覆盖原有Map数据，Firestore提供了路径式更新的方式来实现Map字段的增量修改，无需替换整个Map。

修正后的代码（模板字符串路径写法） #

const manuallyRejected = async () => {
  if (ownManualStatus !== 'rejected') {
    // 给对方的blocked Map添加当前用户的封禁记录
    await updateDoc(doc(db, 'pairRequests', buddyData.uid), {
      manual: 'rejected',
      [`blocked.${user.uid}`]: Date.now()
    });
    // 给自己的blocked Map添加对方的封禁记录
    await updateDoc(doc(db, 'pairRequests', user.uid), {
      [`blocked.${buddyData.uid}`]: Date.now()
    });
  }
  setPairFound(false);
  setBuddyData(null);
};

关键说明 #

• 使用blocked.${uid}的字段路径，Firestore会自动识别为更新Map中的指定键，而非替换整个Map，这样原有键值对会被保留，仅新增/更新目标键。
• 无需设置merge: true，updateDoc本身就是增量更新指定字段，只有直接替换整个对象时才会触发覆盖。

兼容特殊字符的写法（FieldPath方式） #

如果用户UID包含点号等特殊字符，模板字符串的路径解析可能出错，此时可使用FieldPath构造准确路径：

import { FieldPath } from "firebase/firestore";

const manuallyRejected = async () => {
  if (ownManualStatus !== 'rejected') {
    await updateDoc(doc(db, 'pairRequests', buddyData.uid), {
      manual: 'rejected',
      [new FieldPath('blocked', user.uid)]: Date.now()
    });
    await updateDoc(doc(db, 'pairRequests', user.uid), {
      [new FieldPath('blocked', buddyData.uid)]: Date.now()
    });
  }
  setPairFound(false);
  setBuddyData(null);
};

内容的提问来源于stack exchange，提问作者Masked Teller