2017-11-30 4 views
0

ここでは、ループを使用してギャラリーを作成していますが、404エラーのためにイメージの一部が読み込まれません。私は要素を隠さなければならない。画像はdivラッパーの中にあります。だから問題は、親を取得し、要素を非表示にするエラーです。ここimage urlがreactjsで404を返す場合、ギャラリーアイテムを非表示にするにはどうすればいいですか?

<div class="pswp-thumbnail"><img class="img-responsive" src="https:xxxxxxx/uploads/daily_uploads/resize/1506406936_67656_2_8.png"></div> 

答えて

0

は溶液

onErrorImage(e) { 
    console.log(e.target.parentNode); 
    e.target.parentNode.style.display="none"; 
} 

画像要素

return (
    <img className="img-responsive" src={item.thumbnail} onError= 
    {this.onErrorImage.bind(this)} /> 
); 
であります
関連する問題