如何在反应中使用 where 条件选择单个 Firebase 实时数据库数据？答案

【问题标题】：How to select a single firebase realtime database data using where condition in react?如何在反应中使用 where 条件选择单个 Firebase 实时数据库数据？
【发布时间】：2021-12-26 20:38:11
【问题描述】：

在我的项目中，我想使用 where 条件根据用户电子邮件选择一个电子邮件地址，但它不起作用。我该如何解决这个问题

firebase 数据库中的数据库结构

facebook-clone-1870b-default-rtdb users
    users
        -MoZJ7ZnwvhQ6I8_M7N8
           active: "9:41:37 PM"
            email:  "dstha221@gmail.com"
            joined_at: "121-101-1"
            name: "J E EV An"
           profile: "https://platform-lookaside.fbsbx.com/platform/p..."

这里是代码

import {useCollection} from "react-firebase-hooks/firestore";
import { db, storage } from "../../firebases";
import {useRouter}  from 'next/router';
import firebase from 'firebase';
const Chats=({id,users,session})=>{
    // const recepiantEmail=GetRecepitentEmail(users,session.user.email);
    useEffect(()=>{
        const data = firebase.database().ref('users').orderByChild(`${id}/email`).equalTo(session.user.name);
        data.once('value',(snapshot)=>{
            console.log("equal address",snapshot.val())
        })
    },[])
console.log(recepitantSnapshot)
    // const recepiant= recepitantSnapshot?.docs?.[0]?.data();
    const router = useRouter();
    const enterChat=()=>{
        // router.push(`/chat/${id}`);
    }
    return(
        <>
        <div className=" flex items-center cursor-pointer p-2">
            <div className="m-1 mr-2 w-3"onClick={enterChat}>
                {/* <img src={recepitantSnapshot.profile}></img> */}
                
            </div>
            {/* <p>{recepitantSnapshot.name}</p> */}
        </div>
        </>
        )
}
export default Chats;

【问题讨论】：

@FrankvanPuffelen 我现在已经解决了。
很高兴听到@Jeevan。？？？如果我的回答有助于解决问题，请考虑投票或接受它，如我上面分享的链接所示。如果您找到了其他解决方案，请考虑发布自己的答案，以便将来其他人也可以从中受益。

标签： javascript reactjs firebase firebase-realtime-database

【解决方案1】：

orderByChild 方法已经找到了每个孩子的属性，所以你不应该在其中包含 ${id}：

const data = firebase.database().ref('users').orderByChild('email').equalTo(session.user.name);

第二个问题：当您对 Firebase 数据库执行查询时，可能会有多个结果。所以快照包含这些结果的列表。即使只有一个结果，快照也会包含一个结果列表。

您的代码需要通过以下方式循环快照的子项来处理此问题：

data.once('value',(snapshot)=>{
    snapshot.forEach((child) => {
        console.log("equal address",child.key, child.val())
    });
})

【讨论】：