react制作图片预览弹窗，但在点击相同图片时，功能不能实现，尝试了很多方法也没解决，求助大侠！

Question

逻辑是这样的，当点击图片时，会把图片的src中的base64编码传入到弹窗中，然后图片的onload事件触发弹窗的显示,点击弹窗背景的时候关闭弹窗问题：1.点击相同图片时，由于图片缓存了？所以不触发onload事件；2.要是不用onload事件的话，就不能获取图片的尺寸，也就不能设置图片居中的CSS值；3.由于自身有通过state切换状态，所以使用生命周期的方法会出现冲突；尝试了各种方法后，还是没能解决，在这儿求助大侠，能有什么方法解决这个问题，谢谢，么么哒！

Answer 1

没有图片尺寸也可以css垂直居中

.content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%); 

}