Reactjs 在react中未下载多个图像

我正在尝试下载react阵列中的阵列中的图像。但它只下载一张图片。有人能看看这个然后说我哪里做错了吗

  let fileDownloadHandler = async (pictures) => {
    
    for (var i = 0; i < pictures.length; i++) {
      forceDownload(pictures[i], '');
    }
  };


  function forceDownload(url, fileName) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'blob';
    xhr.onload = function () {
      var urlCreator = window.URL || window.webkitURL;
      var imageUrl = urlCreator.createObjectURL(this.response);
      var tag = document.createElement('a');
      tag.href = imageUrl;
      tag.download = fileName;
      document.body.appendChild(tag);
      tag.click();
      document.body.removeChild(tag);
    };
    
    xhr.send();
  }

让fileDownloadHandler=async（图片）=>{
对于（变量i=0；i

图片是包含图片url的数组。它只下载一张图片