在无状态组件中单击时在两个图像之间进行反应切换

<div id="imageContainer">
  <img src="image1.jpg" id="image1" />
  <img src="image2.jpg" id="image2" />
</div>

#imageContainer {
  width: 200px;
  height: 200px;
  position: relative;
}

img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

function handleClick() {
  var image1 = document.getElementById("image1");
  var image2 = document.getElementById("image2");
  
  if (image1.style.display === "none") {
    image1.style.display = "block";
    image2.style.display = "none";
  } else {
    image1.style.display = "none";
    image2.style.display = "block";
  }
}

var imageContainer = document.getElementById("imageContainer");
imageContainer.addEventListener("click", handleClick);