是否可以将点击侦听器放在像我这样的 css 框上

Is it possible to put click listener on a css box like this one in my case

我学习 React 和 Javascript 并且有这个 Codesandbox projects 并且尝试添加像 文本“单击以打开”,然后会出现一个弹出窗口。我想我必须重新设计它,可能是因为 css 和 click 不是朋友吧?

在应用程序上,当叠加层滑出时,我想单击叠加层上的某个按钮。

是否可以通过某种方式使用 Reactjs 组件进行重新设计?所以那个覆盖是一个可以点击的组件?

任何提示都很好!

https://codesandbox.io/s/hover-effect-react-forked-ey2ze?file=/src/App.js

您需要将 onClick 添加到叠加层 div。

参见:this condesandbox