如何在Firebase的Push Key下添加数据？React/ES6实现求助

嘿，我刚接触Firebase的时候也卡在过类似的点上，其实这个问题的核心就是掌握Firebase Realtime Database中push()方法的用法和快照的key属性，下面给你一步步讲清楚怎么实现：

一、创建新帖子时提前获取Push Key #

当用户发布新帖子的时候，你可以先调用push()生成一个唯一的Push Key，这个key是客户端本地生成的，不用等服务器响应就能拿到，非常方便。你可以把这个key和帖子数据一起保存，后续加评论直接用它就行：

import { getDatabase, ref, push, set } from "firebase/database"; // 适配Firebase v9+模块化API

const createNewPost = async (postContent) => {
  const db = getDatabase();
  // 生成帖子的引用，同时拿到Push Key
  const postRef = push(ref(db, 'userPost'));
  const postKey = postRef.key;

  // 保存帖子数据（把postKey存下来，后续处理评论更方便）
  await set(postRef, {
    content: postContent,
    author: "当前用户ID",
    createdAt: Date.now(),
    postId: postKey // 可选，但建议存下来
  });

  // 返回key，后续加评论时直接使用
  return postKey;
};

二、从已有的帖子列表中获取Push Key #

如果是要给已经存在的帖子加评论，你需要先获取帖子列表，每个帖子对应的快照对象里的key属性就是它的Push Key：

import { getDatabase, ref, onValue } from "firebase/database";

const fetchPostsWithKeys = () => {
  const db = getDatabase();
  const postsRef = ref(db, 'userPost');

  // 监听帖子数据变化（也可以用once('value')仅获取一次数据）
  onValue(postsRef, (snapshot) => {
    const posts = [];
    snapshot.forEach((childSnapshot) => {
      // childSnapshot.key就是当前帖子的Push Key
      const postKey = childSnapshot.key;
      const postData = childSnapshot.val();

      posts.push({
        id: postKey, // 把key作为id存到帖子对象里，渲染时方便调用
        ...postData
      });
    });
    // 这里可以把posts存到React状态中，用于渲染帖子列表
    console.log("带Key的帖子列表：", posts);
  });
};

三、用Push Key给对应帖子添加评论 #

拿到目标帖子的Push Key后，就可以直接在该帖子的节点下创建comments子节点，然后用push()添加评论数据：

import { getDatabase, ref, push, set } from "firebase/database";

const addCommentToTargetPost = async (postKey, commentContent) => {
  const db = getDatabase();
  // 构建评论的引用路径：userPost/{postKey}/comments
  const commentsRef = push(ref(db, `userPost/${postKey}/comments`));
  
  await set(commentsRef, {
    content: commentContent,
    author: "当前用户ID",
    createdAt: Date.now()
  });

  console.log("评论添加成功！");
};

额外小建议 #

如果你的评论数量会比较多，其实更推荐把评论单独放在一个顶级节点（比如/comments/{postKey}/{commentKey}），这样获取帖子数据的时候不会一次性加载所有评论，能提升性能。但如果你的需求就是要把评论嵌套在帖子节点下，上面的代码完全可以满足。

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