Javascript 呈现Firebase JSON对象

我从firebase获取了一些数据，如下所示：

getUserData = () => {
    database
      .ref('orders/')
      .once('value')
      .then(function(snapshot) {
        const exists = snapshot.val() !== null;

        if (exists) {
            let data = snapshot.val();
            console.log("DATA IS: ", data);             
        }
    });
}

此图显示控制台日志。我试着把桌子上的所有东西都渲染成react。我在遍历数据时遇到问题。我需要先将其转换为数组吗

---

我希望呈现从项目id、显示名称、电子邮件、所有订单信息的所有内容。首先，您需要将其转换为数组，然后您可以使用map检索数据。 例如： 如果数据是数组形式，则可以映射对象。 我希望它能帮助你

data.map((detail)=>{
console.log(detail.email);
})

---

您可以从函数中获取数据

function getUserData = () => {
    database
      .ref('orders/')
      .once('value')
      .then(function(snapshot) {
        const exists = snapshot.val() !== null;

        if (exists) {
            let data = snapshot.val();
            //console.log("DATA IS: ", data);   
            return data;
        }
    });
}


var data = getUserData();

data.forEach(function(item){
    console.log(data.email);
    console.log(data.img);
    console.log(data.name);
    console.log(data.section);
} )

---

新的javascript提供Object.values（）。因此，您可以将数据转换为如下所示的数组并使用它

getUserData = () => {
        database
          .ref('orders/')
          .once('value')
          .then(function(snapshot) {
            const exists = snapshot.val() !== null;

            if (exists) {
                let data = snapshot.val();
                console.log("DATA IS: ", data);        
                //use Object.values(data)
                const dataArray = Object.values(data);
                //now you can map your dataArray 

            }
        });
    }