如何使用模块化sdk和react访问firestore文档？

npm install firebase
npm install @firebase/firestore

import firebase from 'firebase/app';
import 'firebase/firestore';

const firebaseConfig = {
  // 将你的Firebase配置信息填写在这里
};

firebase.initializeApp(firebaseConfig);

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

const MyComponent = () => {
  const [documents, setDocuments] = useState([]);

  useEffect(() => {
    const fetchDocuments = async () => {
      const collectionRef = firebase.firestore().collection('your_collection_name');
      const snapshot = await collectionRef.get();
      const documentsData = snapshot.docs.map(doc => doc.data());
      setDocuments(documentsData);
    };

    fetchDocuments();
  }, []);

  return (
    <div>
      {documents.map(doc => (
        <div key={doc.id}>{doc.title}</div>
      ))}
    </div>
  );
};

export default MyComponent;