如何显示 Firebase 数据库中的数据？

Question

在应用程序中，您可以将您的银行添加到 Firebase 数据库。 当您单击“添加银行”按钮时，该银行将保存到数据库中。 我需要在屏幕上显示添加了银行的卡片。 我怎样才能做到这一点？ 现在我正在从数据库中读取数据，它以对象的形式出现：

读取数据的代码：

 const getBanksFunc = () => { const bankRef = ref(database, "banks/"); onValue(bankRef, (snapshot) => { const data = snapshot.val(); }); };

Answer 1

Firebase 的文档涵盖了这一点：

https://firebase.google.com/docs/database/web/read-and-write

import { getDatabase, ref, onValue} from "firebase/database";

const db = getDatabase();
const starCountRef = ref(db, 'posts/' + postId + '/starCount');
onValue(starCountRef, (snapshot) => {
  const data = snapshot.val();
  updateStarCount(postElement, data);
});

在您的情况下， for .. in 循环可以工作：

for(let key in data) {
    const { bankName, interestRate, loanTerm, maximumLoan, minimumDownPayment } = data[key];
    ... do whatever you need
}