React.js开发：如何将对象推入Firebase数组并基于val()设置ID？

首先得说，你想用snapshot.val().length来设置ID的思路虽然直观，但存在并发冲突的风险——如果多个用户同时添加数据，他们可能拿到相同的length值，导致ID重复甚至数据覆盖。Firebase其实提供了更安全可靠的方式来处理这种场景，下面分两种情况给你说明：

推荐方式：使用Firebase的push()生成唯一键 #

Firebase Realtime Database的push()方法会自动生成一个基于时间戳的唯一键（比如-NxY7Zabc123），这个键天生保证唯一性，还能按时间排序，完全不需要手动管理ID。具体代码如下：

// 获取news节点的引用
const newsRef = firebase.database().ref("news");

// 构造你要添加的对象（不需要手动设置id）
const newNewsItem = {
  title: title,
  content: content,
  img: img,
  category: category,
  likes: likes
};

// 推送到数据库，Firebase自动生成唯一键
newsRef.push(newNewsItem)
  .then(() => {
    console.log("新闻条目已成功添加！");
  })
  .catch((error) => {
    console.error("添加失败：", error);
  });

这种方式不仅避免了并发问题，后续查询、更新数据也更方便——你可以直接通过push()返回的ref获取生成的键，或者用这个键来定位具体的条目。

如果必须使用自增数字ID（不推荐） #

如果你因为业务需求一定要用数字自增ID，那必须用**事务（transaction）**来保证操作的原子性，防止并发冲突。代码示例：

const newsRef = firebase.database().ref("news");

// 用事务原子性地修改数据
newsRef.transaction((currentNews) => {
  // 如果news节点还没有数据，初始化为空数组
  if (currentNews === null) {
    currentNews = [];
  }
  // 创建新对象，用当前数组长度作为id
  const newNewsItem = {
    title: title,
    content: content,
    img: img,
    category: category,
    likes: likes,
    id: currentNews.length
  };
  // 将新对象推入数组
  currentNews.push(newNewsItem);
  // 返回修改后的数据，Firebase会自动同步到数据库
  return currentNews;
})
.then(() => {
  console.log("新闻条目已成功添加！");
})
.catch((error) => {
  console.error("添加失败：", error);
});

事务的作用是：在修改数据前先获取最新的数据库状态，确保你的修改是基于最新数据的，即使有其他用户同时操作，Firebase也会自动重试事务，直到操作成功或失败。

总结一下，除非有特殊业务要求，否则强烈推荐使用第一种push()的方式——它更符合Firebase的设计理念，也能避免很多潜在的问题。

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