问题描述：网页上有一个按钮，当我单击该按钮时，将出现一个包含图像的弹出窗口。该按钮位于名为“ index.jsx”的文件中，单击该按钮将在文件“ popUp.js”中触发一个函数，该函数将弹出一个窗口。因此，实质上，按钮和PopUp函数位于单独的文件中。
我想将函数编写为：
export function PopUp (image: Image){
return{
...
};
}
它将具有与https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal相同的效果，只是弹出窗口的内容是图像而不是文本。我猜想解决方案的重点是将此网页上的CSS转换为react.js，但不确定语法应如何。
关于如何实现这一点的任何想法？