遍历 Firestore 中的对象

Question

我很困惑。我有一个 Firestore 数据库，其中包含一组餐点 =>，而不是餐点类型 =>，然后是带有特定信息的不同地图。 （见截图）。

与：

async function getMenu(){
        const items = [];
        try {
            setLoading(true)
            const querySnapshot = await getDocs(collection(db, "meals"));
            querySnapshot.forEach((doc) => {
                items.push(doc.data());
                console.log(doc.data());
            })
        } catch (error) {
            console.log(error)
        }
        setLoading(false);
        setMenus(items);
    }

    useEffect(() => {
        getMenu();
    },[]);

我的控制台显示：

Object { "Currywurst Pommes": {…} } Object { "Hähnchen Salat": {…}, "Gemischter Salat": {…}, "Tomate-Mozarella": {…}, Beilagensalat: {…} }

现在我想输入每个对象并获取每顿饭的具体信息。我该怎么做？

我正在为我的 WebApp 使用 React。

提前感谢您的帮助

Answer 1

如果您想获取所有详细信息，例如食物的属性“描述”，您可以这样做：

async function getMenu(){
    const items = [];
    try {
        setLoading(true)
        const querySnapshot = await getDocs(collection(db, "meals"));
        querySnapshot.forEach((doc) => {
            items.push(doc.data());
            console.log(doc.data());

            var data = doc.data();
            Object.keys(data).forEach((key) => {
               var value = data[key];
               // handle data of element, like 'desc'
               console.log(value.desc);
            })
        })
    } catch (error) {
        console.log(error)
    }
    setLoading(false);
    setMenus(items);
}

useEffect(() => {
    getMenu();
},[]);