カメラ コンポーネントで、3 枚目ごとに写真をバケットにアップロードしたいと考えています。 React で状態を使用して画像 BLOB を配列に保存しています。最初の 3 枚の写真はすべて正常に機能しますが、それ以降は配列を空にリセットできず、一見ランダムな数の写真がバケットにアップロードされます。

 let [blobs, setBlobs] = useState([]); const CapturePhoto = async () => { const photo = await カメラ.current.takePhoto(); フェッチ(写真.パス) .then(res => { setBlobs([...blobs, res._bodyBlob]); console.log('blobs', blob.length, blob); }) .catch(err => { console.log('err', err); }); checkLength(); }; const checkLength = async () => { if (blobs.length >= 2) { // Firebase クラウド バケット内の現在の日付のフォルダーにファイルをアップロードします const datestring = new Date().toLocaleString('de-DE'); blob.forEach((blob, i) => { UploadFile(blob, datestring '/' (i 1) '.jpg'); }); // 状態をリセット setBlobs([]); sendNotification('写真がアップロードされました'); トグルダイアログ(); } }; 

コンソール経由でアレイのログを記録しましたが、サイズは増加するだけでした。また、要素を追加したにもかかわらず、コンソールのログ記録が最初から開始されます。これは、おそらく setState() が非同期であるためです。 Promiseでラップしてリセットを待ってみましたが、残念ながらそれもうまくいきませんでした。 3 つの BLOB がある場合、それらをクラウドにアップロードし、後でリストをリセットするにはどうすればよいですか?