Reactjs 如何获取Firebase存储数据

Reactjs 如何获取Firebase存储数据,reactjs,firebase,firebase-storage,Reactjs,Firebase,Firebase Storage,这就是我的Firebase存储看起来的样子,我想获取这些文件的名称,但我无法这样做, 我在下面分享我的代码 const files = firebase.storage().ref(`pdf`); console.log(files) files.getDownloadURL().then((files) => { console.log(files);

这就是我的Firebase存储看起来的样子,我想获取这些文件的名称,但我无法这样做, 我在下面分享我的代码

const files = firebase.storage().ref(`pdf`);
                console.log(files)
                files.getDownloadURL().then((files) => {
                    console.log(files);
                })
如果我给出确切的名字,那么我就能得到文件,比如

const files = firebase.storage().ref('pdf/5b8e28a8-fe06-4312-9ff6-3c9adfefb2b3.pdf/');
        files.getDownloadURL().then((url) => {
          //console.log(url);
          window.open(url, "_blank")
        })
      } 
我在控制台中收到这个错误

谁能解释一下我在这里做错了什么吗

正如道格评论的那样,你可以使用
listAll()

要获取PDF文件夹中的文件列表,请执行以下操作:

// Create a reference under which you want to list
const files = firebase.storage().ref('pdf');

// Find all the prefixes and items.
files.listAll().then(function(res) {
  Promise.all(res.items.map((fileRef) => fileRef.getDownloadURL())).then((downloadURLs) => {
    console.log(downloadURLs);
  });
}).catch(function(error) {
  // Uh-oh, an error occurred!
});

使用list API列出文件:谢谢@Frank,但是我得到一个错误,listAll()不是一个函数。这通常意味着您使用的SDK版本还不包括列出文件的功能。您需要升级到最新的SDK版本。