从firebase中检索项并在react本机中动态填充它

import firebase from 'firebase/app';
import 'firebase/database';

const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_AUTH_DOMAIN',
  databaseURL: 'YOUR_DATABASE_URL',
  // 其他配置信息
};

firebase.initializeApp(firebaseConfig);

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

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

  useEffect(() => {
    const fetchData = async () => {
      const snapshot = await firebase.database().ref('path/to/data').once('value');
      const dataFromFirebase = snapshot.val();
      setData(dataFromFirebase);
    };

    fetchData();
  }, []);

  return (
    <div>
      {data && (
        <ul>
          {Object.entries(data).map(([key, value]) => (
            <li key={key}>{value}</li>
          ))}
        </ul>
      )}
    </div>
  );
};

export default MyComponent;