ReactJS：REST APIレスポンスからUIにイメージをレンダリングできません

Question

イメージを返すREST APIを構築しましたが、PostManエージェントからレスポンスを正常に取得しています。私のコードを反応させるので 、私はこのている：

return fetch(url, sInit) 
    .then((response) => { 
    let blb = new Blob([response.body], { type: 'image/jpeg' }); 
    let fileUrl = (window.URL || window.webkitURL).createObjectURL(blb); 
    window.open(fileUrl); 
    }) 

生成されたブロブurlはイメージを持っていません。私は何が欠けていますか？

Answer 1

はおそらく、使用したい内蔵のblob()法fetchによって：

fetch(
 
    'https://images.unsplash.com/35/SRkdurVYQFSFkMyHVwSu_spinnenweb-9536.jpg?dpr=2&auto=compress,format&fit=crop&w=376&h=251&q=80&cs=tinysrgb&crop=' 
 
) 
 
    .then(res => res.blob()) 
 
    .then(blob => { 
 
    let fileUrl = (window.URL || window.webkitURL).createObjectURL(blob); 
 

 
    const img = document.createElement('img'); 
 
    img.src = fileUrl; 
 
    document.querySelector('body').appendChild(img); 
 
    });