JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><a href="link1"><img src="img01.jpg"></a></li>
  <li><a href="link2"><img src="img02.jpg"></a></li>
  <li><a href="link3"><img src="img03.jpg"></a></li>
  <li><a href="link4"><img src="img04.jpg"></a></li>
</ul>
    
 <h3>   After click on any link I want get:</h3>
    <p> for example i click third link </p>

<div class="new div">
  <img src="link1">  
  <img src="link2">
  <img src="link3" class="clicked">
  <img src="link4">
</div>

CSS

ul li a {
  width:50px;
  height:50px;
  float:left;
  border:1px solid #f00;
  margin:3px
}