对照片进行模态/暗淡反应

Question

我有一个名为Gallery的照片画廊。 并按下扩展按钮，照片应该变大，按x按钮应该关闭。

before expand

after expand

这是我所做的，但是缺少某些东西... 感谢您的帮助

import React from "react";

const ImageView = (props) => {
return (
<div class="ui sticky">
<div
onClick={props.onDismiss}
className="ui st dimmer modals visible active"
>
<div
onClick={(e) => e.stopPropagation()}
className="ui standard modal visible active"
>
<div className="content">{props.img} </div>
</div>
</div>
</div>
);
};

export default ImageView;

（props.img是照片，而props.onDismiss更改照片的布尔状态）