如何从Firebase数据快照中获取指定snapkey并访问其子值？

从你的数据库结构来看，Contents节点下是多个以snapkey为键的子节点，每个子节点包含thumbnail、title等字段。针对你的需求，提供两种高效实现方式：

方式一：直接定位目标snapkey（推荐） #

不需要遍历所有节点，直接通过路径访问目标snapkey对应的节点，这是Firebase最优的做法，性能更优：

const db = getDatabase();
// 假设用户提供的目标snapkey存储在targetSnapKey变量中
const targetSnapKey = "用户输入的snapkey";
const targetRef = ref(db, `Contents/${targetSnapKey}`);

onValue(targetRef, (snapshot) => {
  if (snapshot.exists()) {
    // 获取该snapkey下的所有子值
    const childData = snapshot.val();
    console.log("匹配到的子值：", childData);
    // 若需更新状态
    setTestProducts([childData]);
  } else {
    console.log("不存在该snapkey对应的节点");
    setTestProducts([]);
  }
});

方式二：遍历所有节点匹配snapkey #

如果确实需要遍历所有节点做匹配（比如不确定目标snapkey是否存在），可以修正你的代码：

const db = getDatabase();
const thumbnailRef = ref(db, "Contents/");
const targetSnapKey = "用户输入的snapkey";

onValue(thumbnailRef, (snapshot) => {
  let matchedData = null;
  // 遍历所有子节点
  snapshot.forEach((childSnapshot) => {
    // 获取当前子节点的snapkey
    const currentSnapKey = childSnapshot.key;
    if (currentSnapKey === targetSnapKey) {
      // 匹配成功，获取子值
      matchedData = childSnapshot.val();
      // 找到后中断遍历
      return true;
    }
  });

  if (matchedData) {
    console.log("匹配到的数据：", matchedData);
    setTestProducts([matchedData]);
  } else {
    console.log("未找到匹配的snapkey");
    setTestProducts([]);
  }
});

原代码问题说明 #

1. snapshot.forEach()没有返回值，所以const data = snapshot.forEach(...)得到的是undefined，这部分逻辑无效。
2. 每次onValue触发时，你都在往testProducts里追加数据，会导致数据重复堆积，应该直接设置匹配到的结果而非追加。

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