JSFiddle - React, Tailwind, and code Playground

HTML

<button class="btn" data-src="https://million-wallpapers.ru/wallpapers/6/21/small/534055084967283.jpg">1</button>
<button class="btn" data-src="https://backgrounddownload.com/wp-content/uploads/2018/09/laptop-background-3d-5-300x200.jpg">2</button>
<button class="btn" data-src="https://i.ytimg.com/vi/12xdcsOjK_s/mqdefault.jpg">3</button>
<div class="img-block"></div>

CSS

.img-block {
  margin-top: 30px;
}

JavaScript

let btns = document.querySelectorAll('.btn');
let imgBlock = document.querySelector('.img-block');

btns.forEach((btn) => btn.addEventListener('click', function() {

  let param = this.getAttribute('data-src');
  let img = new Image(); // width, height values are optional params 
  img.src = param;
  imgBlock.innerHTML = '';
  imgBlock.appendChild(img);

}))