如何从firebase中的每个文档中获取每个集合？(React)

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

const YourComponent = () => {
  useEffect(() => {
    // 初始化Firebase应用
    firebase.initializeApp({
      // Firebase配置信息
      apiKey: 'YOUR_API_KEY',
      authDomain: 'YOUR_AUTH_DOMAIN',
      projectId: 'YOUR_PROJECT_ID',
    });

    // 获取每个文档中的每个集合
    const getCollectionsFromDocuments = async () => {
      const firestore = firebase.firestore();

      // 指定集合的路径
      const collectionRef = firestore.collection('your_collection_path');

      // 获取集合中的所有文档
      const snapshot = await collectionRef.get();

      // 遍历每个文档
      snapshot.forEach((doc) => {
        // 获取文档的数据
        const data = doc.data();

        // 根据文档的结构，访问特定字段
        const collection1 = data.collection1;
        const collection2 = data.collection2;

        // 处理获取到的数据
        // ...
      });
    };

    // 调用函数获取每个文档中的每个集合
    getCollectionsFromDocuments();
  }, []);

  return <div>Your component content</div>;
};

export default YourComponent;