我正在尝试从 firebase 存储中提取下载链接列表以显示在我的 React/nextjs 组件中
P粉481035232
P粉481035232 2023-09-15 18:34:49
[JavaScript讨论组]

当尝试拉取数组时,数据始终为空。有人知道我哪里出错了吗? 我检查了控制台,据我所知,有一个对 firebase 存储的引用,但没有数据。但我的存储中有 4 个文档应该输出 URL 链接。 这是我的组件

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

// i'm initializing firebase with firebase.initializeApp(firebaseConfig)
import { projectStorage } from '@/firebaseConfig'; 
 // projectStorage is =         firebase.storage();


const PDFViewer = () => {
  const [pdfUrls, setPdfUrls] = useState();

  useEffect(()=>{
   const storageRef = projectStorage.ref();
   const pdfRef = storageRef.child('myfirebaselocationpath/uploadeddocs/'); 
   const urls = [];
   pdfRef.listAll().then((result) => {
    result.items.forEach((itemRef) => {
    itemRef.getDownloadURL().then((url) => {
      urls.push(url);
    });
  });
  setPdfUrls(urls);
}).catch((error) => {
  console.error('Error retrieving PDF files:', error);
});
},[])
console.log(pdfUrls)
/*  console.log( pdfUrls.map((url) => {
return url
 })
) */
return (

PDF Viewer

{pdfUrls.map((url) => (