Q&A
実現したいこと
ブラウザのコンソール上に表示されるPromise{<Pending>}の意味を理解したい
前提
Reactでfirebaseのstorageから複数画像データを取得し、それをページに反映するものを作っています.
使用しているモジュールは
{getStorage, getdownloadURL, listAll} from "firebase/storage"
です
発生している問題・エラーメッセージ
Promise {<pending>} [[Prototype]]: Promise [[PromiseState]]: "fulfilled" [[PromiseResult]]: "ダウンロードURL"
該当のソースコード
javascript
1const listRef = ref(storage, "gs://meta-grave.appspot.com/image/"); 2listAll(listRef) 3 .then((res) => { 4 res.items.forEach((itemRef) => { 5 let url2 = getDownloadURL(itemRef); 6 console.log(url2); 7 }); 8 }) 9 .catch((err) => { 10 console.log(err); 11 });
url2の中身がそのままurl文字列になることを期待しておりました
試したこと
かなり初歩的な問題だと思うのでpromiseに関しての動画、記事をいくつか見ましたが、このコードでpromiseオブジェクトが返ってくるという仕組みが理解できません
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2023/02/11 07:11
2023/02/11 07:23
2023/02/11 07:24