列表中的 SVG 元素，当我隐藏第一个父级时，每个部分中的所有下一个 SVG 也会被隐藏，但容器不会

Question

我在 Next 中遇到了一个奇怪的错误。 使用 getServerSideProps，我向我的 api 文件夹发出了一个请求，这个结果很简单 JSON。 一切都很好。

我完美显示内容，没问题。

我在父元素上添加了一个 onClick 属性，它调用了我的 main 文件的一个函数 没问题，一切都很好。

但是，在这个函数中，我要求隐藏全局元素的子元素。 它有效，但是，当它第一次出现在列表中时，列表中的所有其他 SVG 也被隐藏，但实际上，在 CSS 中，什么也没有出现。

你知道为什么吗？

我 post 用这个 Vercel link、GitHub 回购和屏幕。

我解决了这个问题，通过更改 SVG 元素，使用 <Image/> 元素...但是它不干净...

维塞尔 Link : Vercel

GitHub 回购：GitHub

屏幕 1

屏幕 2

屏幕 3

Answer 1

快速修复，但对我来说不是很干净...将 svg 组件替换为 ... 并且有效。 可能是 SVG 元素上的 id 错误。