在react中获取并显示文件

Question

我正在学习做出反应，我正在尝试从retsfull API获取图像文件并显示图像。 我正在将响应文件转换为Blob格式，并尝试使用文件读取器读取它，然后将结果设置在状态变量上，当我这样做时，反应中出现了损坏的图像。波纹管是代码：

getData() {
    var xhr = new XMLHttpRequest();
    xhr.addEventListener('load', () => {
      var myblob = new Blob([xhr.response], {
        type: ["image/png", "image/jpeg", "image/gif"]
      });
      let reader = new FileReader()
      reader.onloadend = () => {
        this.setState({
          postPicture: myblob,
          postPicturePreview: reader.result
        })
      }
      reader.readAsDataURL(myblob)
    })
    xhr.open('GET','https://DigitalSelfassuredCrash.kirilkuzmanovsk.repl.co')
    xhr.send()
    }

有人可以检查一下吗，我试图找到解决方法，但是我被卡住了。

谢谢