React中的切换功能

Question

所以一开始我就知道这段代码是乱七八糟的。我有一个

我想要复制的内容，当我点击

，它打开一个内容并复制该内容

..。我似乎不能完成的事情是，在复制的div/Image版本中，我可以关闭内容，但当我再次按下它时，我似乎无法打开组件。如果你不能完全理解它，这里是沙箱

https://codesandbox.io/s/confident-lake-uovir?file=/src/App.js

Answer 1

你有

在第一个

所以

事件可以用来检查

..。

单击复制的版本时，会运行两个函数。

的

触发器

，然后

您添加到

触发器

..。

您可以这样做：

{
            e.stopPropagation();
            setIsProjectOpen(!isProjectOpen)}};
          className={
            "smallProjects__container " + (isProjectOpen ? "active" : "")
          }
        >