javascript - 当我从 Firebase 获取数据时，我的 Html 页面显示 [object Object]

Question

function snapshotToArray(snapshot) {
    var returnArr = [];

    snapshot.forEach(function(childSnapshot) {
        var item = childSnapshot.val();
        item.key = childSnapshot.key;

        returnArr.push(item);
    });

    return returnArr;
};
firebase.database().ref('books').on('value', function(snapshot) {
    const list_div = document.querySelector("#list");
    list_div.innerHTML += "<div class='list-item'><h3></h3>" + snapshot.val() + "</div>"
    console.log(snapshotToArray(snapshot));
});

 <div class="main-list" id="list">
    <div class="list-item">
        <h3>Kitaplarım:</h3>
    </div>
    </div>

这是我的 html 页面结果 enter image description here

我已经尝试解决这个问题3天了

Answer 1

HTML 无法理解 js 对象，因此您必须将所有值作为字符串传递，在当前情况下 snapshot.val() 是一个对象，要解决这个问题，您可以简单地替换 snapshot.val() 与 JSON.stringify(snapshot.val())