如何从Firebase创建键和值的列表视图？

// 引入Firebase SDK
import firebase from 'firebase/app';
import 'firebase/database';

// 初始化Firebase应用程序
const firebaseConfig = {
  // 在这里添加你的Firebase配置
};
firebase.initializeApp(firebaseConfig);

// 获取对数据库的引用
const database = firebase.database();

// 指定要访问的数据路径
const dataRef = database.ref('users');

// 监听数据的变化
dataRef.on('value', (snapshot) => {
  // 获取数据快照
  const data = snapshot.val();

  // 遍历数据快照
  snapshot.forEach((childSnapshot) => {
    // 获取键和值
    const key = childSnapshot.key;
    const value = childSnapshot.val();

    // 创建列表项
    const listItem = document.createElement('li');
    listItem.textContent = `${key}: ${value}`;

    // 将列表项添加到列表视图中
    const list = document.getElementById('list');
    list.appendChild(listItem);
  });
});