尝试从firebase读取数据并在表中列出

Question

我正在尝试在表中列出数据库中的数据。当我点击“获取数据”按钮时，结果被列为未定义。我需要它列出无法通过密钥收集的名称，因为这是自动生成的。请帮忙。我已经提供了结果和数据库的屏幕截图。

getData.addEventListener("click", (e) => {

    $("#dataTable td").remove();

    const dbRef = ref(db, "Spinner");

    onValue(dbRef, (snapshot) => {
        snapshot.forEach((childSnapshot) => {
            const childKey = childSnapshot.key;
            const childData = childSnapshot.val();

            var row =
                "<tr><td>" +
                childData.value +
                "</td><td>";

            $(row).appendTo("#dataTable")
        });

    }, {
        onlyOnce: true,
    });
})

Answer 1

这似乎是错误的：

        var row =
            "<tr><td>" +
            childData.value +
            "</td><td>";

您的数据库屏幕截图中没有名为

value

的属性，并且您已经调用了上面的

val()

方法来从

childSnapshot

中获取值。

应该是：

        var row =
            "<tr><td>" +
            childData +
            "</td><td>";