我尝试上传多张图片到firebase存储器，并将这些网址作为字符串数组存储在一个firestore文档中，但我无法将所有网址添加到同一个firestore文档中，而是为每个firebase存储器网址创建不同的文档。
ImageUpload.js

import React, { useState } from "react";
import { toast } from "react-toastify";
import { db, storage } from "../firebase.config";
import { ref, uploadBytesResumable, getDownloadURL } from "firebase/storage";
import {collection ,addDoc ,arrayUnion ,FieldValue ,updateDoc} from "firebase/firestore";
import { useNavigate } from "react-router-dom";
import "./style.css";

function ImageUpload() {
  const [allImages, setAllImages] = useState([]);

  function handleAllImage(e) {
    e.preventDefault();
    setAllImages(e.target.files);
    console.log(e.target.files);
  }

  function MutipleUpload(e) {
    e.preventDefault();

    try {
      const docRef = collection(db, "products");

      {
        for (let i = 0; i < allImages.length; i++) {

          const storageRef = ref(storage, `productImages/${allImages[i].name}`);
          const uploadTask = uploadBytesResumable(storageRef, allImages[i], {
            contentType: allImages[i].type,
          });

          uploadTask.on(
            "state_changed",
            (snapshot) => {
              const progress =
                (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
              console.log(progress);
            },
            (error) => toast.error(error.message),
            () => {
              getDownloadURL(uploadTask.snapshot.ref).then(
                async (downloadURL) => {
                  await addDoc(docRef, {
                    imgUrl: arrayUnion(downloadURL),
                  });
                }
              );
            }
          );
        }
      }
      toast.success("product added successfully!");
      
    } catch (error) {
      console.log(error.message);
    }
  }

  return (
    <>
      <input
        type="file"
        multiple="multiple"
        onChange={handleAllImage}
        required
      />
      <button onClick={MutipleUpload} type="submit" className="buy__btn mt-3">
        Add Image
      </button>
    </>
  );
}

export default ImageUpload;

额外的文本导致错误“看起来你的帖子大部分是代码;请补充一些细节。”