从Firebase获取值时返回undefined，代码调用错误排查求助

你遇到的问题根源在于Firebase Realtime Database查询返回的结构：当你用orderByChild().equalTo()查询时，哪怕只匹配到一个结果，snapshot.val()返回的也是一个以随机节点ID为键的外层对象，而不是单个节点的直接数据。

看你的数据库结构，roles节点下是类似-N...这类自动生成的键，每个键对应的子对象里才包含user和role字段。你现在直接访问snapshot.val().user，相当于在这个外层对象上找user属性，自然会返回undefined。

修复代码的两种方式 #

方式1：遍历查询结果（通用，适配多匹配场景） #

因为查询可能返回多个结果，最稳妥的方式是用snapshot.forEach()遍历每个匹配到的节点：

componentDidMount(){ 
  let user = fire.auth().currentUser; 
  let db = fire.database(); 
  let roleRef = db.ref('/roles'); 
  roleRef.orderByChild('user').equalTo(user.uid).once('value', (snapshot) => {
    // 遍历每个匹配的子节点
    snapshot.forEach(childSnapshot => {
      const roleData = childSnapshot.val();
      console.log(roleData); // 单个节点的完整数据
      console.log(roleData.user); // 这里就能正确拿到用户ID了
    })
  }) 
}

方式2：直接取第一个匹配结果（确定仅一个结果时可用） #

如果你能确定每个用户只会对应一条角色记录，可以直接提取对象的第一个值：

componentDidMount(){ 
  let user = fire.auth().currentUser; 
  let db = fire.database(); 
  let roleRef = db.ref('/roles'); 
  roleRef.orderByChild('user').equalTo(user.uid).once('value', (snapshot) => {
    const results = snapshot.val();
    if(results){
      // 获取对象的第一个值
      const firstRoleData = Object.values(results)[0];
      console.log(firstRoleData);
      console.log(firstRoleData.user);
    }
  }) 
}

额外优化建议 #

如果你的业务逻辑是一个用户对应一个角色，可以直接优化数据库结构：用用户的UID作为roles节点下的键，这样查询更高效，也不用处理外层的随机ID：

roles
  |-- {userUID}
       |-- role: "admin"
       |-- user: "{userUID}"

这种情况下，你可以直接通过db.ref('/roles/' + user.uid).once('value')获取数据，代码会更简洁。

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