JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://elcomunista.files.wordpress.com/2015/03/526.jpg" class="imagen">
<br>
<p>Con Botones</p>
<button onClick="cambiaImagen(0)">Imagen 1</button>
<button onClick="cambiaImagen(1)">Imagen 2</button>
<button onClick="cambiaImagen(2)">Imagen 3</button>
<button onClick="cambiaImagen(3)">Imagen 4</button><br>
<p>Con Imágenes</p>
<img src="https://elcomunista.files.wordpress.com/2015/03/526.jpg" onClick="cambiaImagen(0)" class="mini">
<img src="https://sehommy.com/wp-content/uploads/2016/01/foto-carnet.jpg" onClick="cambiaImagen(1)" class="mini">
<img src="http://www.fann.es/pruebaweb/wp-content/uploads/2014/10/retrato-tamaño-carnet-399x600.jpg" onClick="cambiaImagen(2)" class="mini">
<img src="https://fotofigaredo.files.wordpress.com/2015/01/foto-carnet.jpg" onClick="cambiaImagen(3)" class="mini">
<br>
<h1>XFXSTUDIOS</h1>

CSS

.imagen{
  width: 200px !important;
}
.mini{
  width:50px !important;
  cursor:pointer;
}

JavaScript

function cambiaImagen(X){

var img = [
						'https://elcomunista.files.wordpress.com/2015/03/526.jpg',
            'https://sehommy.com/wp-content/uploads/2016/01/foto-carnet.jpg',
            'http://www.fann.es/pruebaweb/wp-content/uploads/2014/10/retrato-tamaño-carnet-399x600.jpg',
            'https://fotofigaredo.files.wordpress.com/2015/01/foto-carnet.jpg'
          ];

$(".imagen").attr('src',img[X]);

}