React

by gbos

HTML

<div id="app"></div>

CSS

img, .image-placeholder {

    display: block;
    width: 60px;
    height: 60px;
    background-color: lightgrey;
    border-radius: 50%;
    border: 0px;
    

}

React

const Test = ({source}) => source ? <img src={source}/> : <div className="image-placeholder"></div>;

let imageUrl = "https://lh3.googleusercontent.com/ogw/ADea4I6jhSFIWWYyv5MUUbBG8HIEoy21nC286spnE_YDww=s83-c-mo";

imageUrl = '';

ReactDOM.render(
	<Test source={imageUrl} />, 
	document.querySelector("#app"))