遍历Firebase数据库对象并为react组件分配键

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

const YourComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    // 获取Firebase数据库引用
    const database = firebase.database();
    const ref = database.ref('yourDataPath');

    // 监听数据变化
    ref.on('value', (snapshot) => {
      const newData = [];
      
      // 遍历数据对象并分配键
      snapshot.forEach((childSnapshot) => {
        const key = childSnapshot.key;
        const childData = childSnapshot.val();
        newData.push({ key, ...childData });
      });
      
      // 更新组件状态
      setData(newData);
    });
  }, []);

  return (
    <div>
      {/* 在这里使用数据和键渲染你的组件 */}
    </div>
  );
};

export default YourComponent;