无法从Firebase删除记录

Question

列表没有以正确的方式缩进。

每当我添加一些内容时，它就会被添加到数据库中，并且所有数据库内容都会显示在用户页面上。问题是当我添加数据时，页面显示旧列表说有20个条目，因此当显示数据时它显示20个（旧条目）+ 21个条目。

function showData() {

database.on("value", function (snapshot) {

    var dbData = snapshot.val();
    var keys = Object.keys(dbData);
    keys = keys.reverse();
    var contentRows = document.getElementsByClassName("contentClass");
    for (var i = 0; i < contentRows.length; i++) {
        contentRows[i].remove();
    }
    for (var i = 0; i < keys.length; i++) {
        var k = keys[i];
        textContent = dbData[k].content;
        timeContent = dbData[k].time;
        dateContent = dbData[k].date;

        var newDiv = document.createElement("div");
        newDiv.classList.add("contentClass");
        var something = `
            <div class="dataDiv">
            ${textContent + "<br />" + timeContent + "<br />" + dateContent}
            </div>
        ` ;

        newDiv.innerHTML = something;
        content.appendChild(newDiv);
    }

})


}

我无法删除旧列表并生成更新后的列表。 如何解决它可以正确显示更新的列表。