如何从每个唯一的Firestore文档中检索1个图片picURL并使用该URL设置img.src？

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

const YourComponent = () => {
  const [picURL, setPicURL] = useState('');

  useEffect(() => {
    // 初始化Firebase
    firebase.initializeApp({
      // 在这里填写你的Firebase配置信息
    });

    // 连接到Firestore数据库
    const db = firebase.firestore();

    // 指定要检索数据的集合和文档
    const collectionRef = db.collection('yourCollection');
    const documentRef = collectionRef.doc('yourDocument');

    // 检索指定文档中的图片picURL字段的值
    documentRef.get().then((doc) => {
      if (doc.exists) {
        const data = doc.data();
        const picURL = data.picURL;

        // 将获取到的picURL值设置为img元素的src属性
        setPicURL(picURL);
      }
    });
  }, []);

  return (
    <div>
      <img src={picURL} alt="Your Image" />
    </div>
  );
};

export default YourComponent;