使用React计算firebase中的所有子对象

import React, { useEffect, useState } from 'react';
import firebase from 'firebase/app';
import 'firebase/database';

const [subObjects, setSubObjects] = useState([]);

useEffect(() => {
  const firebaseConfig = {
    // 在这里填写你的Firebase配置信息
  };

  // 初始化Firebase
  firebase.initializeApp(firebaseConfig);

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

  // 监听Firebase数据库的变化
  const onDataChange = (snapshot) => {
    const data = snapshot.val();
    if (data) {
      // 将子对象转换为数组并更新状态变量
      const subObjectsArray = Object.values(data);
      setSubObjects(subObjectsArray);
    }
  };

  // 读取Firebase数据库中的子对象
  const fetchSubObjects = () => {
    database.ref('subObjects').on('value', onDataChange);
  };

  // 在组件挂载时读取子对象
  fetchSubObjects();

  // 在组件卸载时取消监听
  return () => {
    database.ref('subObjects').off('value', onDataChange);
  };
}, []);