在我的案例中,如何通过单击删除活动 class

How to remove active class with click in my case

我想制作一个 Unsplash 图片库,并在用户单击小图片时提供全屏图片。我做了一个模态 window ,当用户点击小图片时出现,我想在它点击到这样一个模态 window 中的任何地方时关闭它。我创建了匿名函数,它必须将我的 active 更改为 false,但是当我点击时没有任何反应。

这是代码 - https://stackblitz.com/edit/react-jis6bz

App.js 第 26 行,如果你点击一个已经在 modalActive

中的元素,你应该清除 modalActive 变量
App.js line 26:
     onClick={() => (
        modalActive === index ? setModalActive(null) : setModalActive(index) 
     )}

如果 onClick 是一个有名称的函数,而不是匿名函数,代码方法会更简洁,类似于 toggleActiveImage