React Native结合Firestore为集合steps数组追加元素且保留原有数据

你当前的写法触发了两层覆盖问题：

• 直接调用ref.set()默认是全量覆盖整个文档的模式，传入的对象会完全替换文档内所有原有字段，这就是其他旧字段被清空的直接原因
• 就算给set加了合并配置，只要你直接传入整个新的steps数组，数组字段本身的旧值也会被新数组完全替换，达不到保留原有步骤的效果

方案1：无重复要求的场景，优先用内置数组操作符 #

Firestore提供了专门的数组追加操作arrayUnion()，可以在不影响数组原有元素、不触碰文档其他字段的前提下，把新元素追加到数组末尾，是最适配常规场景的写法：

// 按你项目使用的Firebase SDK版本，正确引入对应方法即可
queryDocumentSnapshot.ref.update({
  steps: arrayUnion({
    title: newStep,
    completed: false
  })
});
alert('This task has been updated');

注意：arrayUnion()自带去重逻辑，如果新追加的对象和数组里已有某一项的字段值完全一致，这个元素是不会被重复添加的。如果你的业务允许重复保存完全相同的步骤，这个方法就不适用。

方案2：需要支持重复添加相同元素的场景 #

如果业务要求哪怕新步骤的内容和已有步骤完全一致，也要作为独立元素存入数组，就需要先读取当前文档的已有steps值，手动拼接新元素后再写回：

// 拉取当前文档的最新值，兼容文档暂未创建steps字段的边界情况
const currentDoc = await queryDocumentSnapshot.ref.get();
const existingSteps = currentDoc.data()?.steps ?? [];

// 把新步骤拼到数组末尾
const nextSteps = [...existingSteps, {
  title: newStep,
  completed: false
}];

// 用update方法仅更新steps字段，不会影响文档内其他原有字段
await queryDocumentSnapshot.ref.update({
  steps: nextSteps
});
alert('This task has been updated');

不要用带{ merge: true }参数的set()来实现这个需求——虽然这个配置能避免清空其他文档字段，但只要你传入了steps字段的新值，还是会把整个steps数组的原有内容完全覆盖，根本实现不了保留数组旧元素的效果。

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