useEffect正在获取firebase数据

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

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

  useEffect(() => {
    const fetchData = async () => {
      const db = firebase.firestore();
      const snapshot = await db.collection('your_collection').get();
      const fetchedData = snapshot.docs.map(doc => doc.data());
      setData(fetchedData);
    };

    fetchData();
  }, []);

  return (
    <div>
      {data.map(item => (
        <p key={item.id}>{item.name}</p>
      ))}
    </div>
  );
};

export default MyComponent;