ReactJS中如何通过inner Id获取Firebase Realtime Database对应记录key

你可以通过Firebase Modular SDK v9提供的条件查询能力，按innerId字段匹配目标值，直接获取对应记录的父级key，具体实现如下：

依赖导入 #

import { getDatabase, ref, query, orderByChild, equalTo, get } from "firebase/database";

核心查询逻辑 #

// 替换为你实际的业务参数
const targetInnerId = "你已获取的蓝色innerId值";
const parentNodePath = "替换为你存储所有对应记录的父节点路径，例如/posts、/users等";

const db = getDatabase();
// 构造查询条件：按innerId字段匹配目标值
const searchQuery = query(ref(db, parentNodePath), orderByChild("innerId"), equalTo(targetInnerId));

// 执行查询
get(searchQuery)
  .then((snapshot) => {
    if (snapshot.exists()) {
      // 遍历查询结果（若innerId唯一则只会遍历一次）
      snapshot.forEach((childSnapshot) => {
        const resultKey = childSnapshot.key; // 该值即为你需要的红色标记key
        // 此处可按业务需求处理resultKey，比如存入state
        console.log("匹配到的目标key：", resultKey);
      })
    } else {
      console.log("未找到匹配的记录");
    }
  })
  .catch((err) => {
    console.error("查询失败：", err);
  })

React组件内集成示例 #

如果需要在React组件加载/innerId更新时自动查询，可以结合useEffect实现：

import { useState, useEffect } from "react";
import { getDatabase, ref, query, orderByChild, equalTo, get } from "firebase/database";

function YourComponent() {
  const [targetRecordKey, setTargetRecordKey] = useState(null);
  // 替换为你实际拿到的innerId，可来自props、其他state等
  const currentInnerId = "你的innerId值";

  useEffect(() => {
    const fetchTargetKey = async () => {
      const db = getDatabase();
      const q = query(
        ref(db, "你的父节点路径"),
        orderByChild("innerId"),
        equalTo(currentInnerId)
      );
      const snapshot = await get(q);
      if (snapshot.exists()) {
        snapshot.forEach((child) => {
          setTargetRecordKey(child.key);
        })
      }
    };

    fetchTargetKey();
  }, [currentInnerId]);

  return <div>查询到的目标key：{targetRecordKey}</div>;
}

注意事项 #

• 请提前在Firebase实时数据库的规则配置页为对应父节点添加innerId字段的索引，避免查询效率低下以及控制台警告，配置示例如下：

{
  "rules": {
    "你的父节点路径": {
      ".indexOn": "innerId"
    }
  }
}

• 若你的业务场景中innerId存在重复值，查询会返回所有匹配的记录，可按业务逻辑筛选需要的key即可。

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