JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-body">
  <img src="https://pp.userapi.com/c636129/v636129953/3ddd6/0W_ZLWapPas.jpg" alt="">
</div>

<ul>
  <li><a data-src="https://pp.userapi.com/c636129/v636129411/4a641/AYUVTnxdsmI.jpg" href="#">Ссылка 1</a></li>
  <li><a data-src="https://pp.userapi.com/c636129/v636129603/3aebd/fqJmgUEBA7U.jpg" href="#">Ссылка 2</a></li>
  <li><a data-src="https://pp.userapi.com/c636129/v636129381/39993/LWuB4BkXNUY.jpg" href="#">Ссылка 3</a></li>
</ul>

CSS

.img-body {height: 276px;}

JavaScript

$('ul a').on('mouseover', function() {
	var src = $(this).attr('data-src');
  $('.img-body img').attr('src', src);
});