How to check for broken images in React JS
In case that you know the image's error will be the absence of it like you are looping a gallery of profiles and some of them do not have pictures available, then you can simply insert the image's path as a callback like this:
<img
height="auto"
width={140}
src={bizLogo || "/img/error.png"}
alt="test"
/>
There is a native event for images called onerror
that lets perform an action if the image cannot be loaded.
<img onError={this.addDefaultSrc} className="img-responsive" src={newsImage} alt={headline}/>
//in your component
addDefaultSrc(ev){
ev.target.src = 'some default image url'
}