当我使用 Material UI CSS 语法在 hover 上方时，如何使删除图标（菜单项中的子组件）出现？

Question

每当我在菜单项上使用 hover 时，我想让删除图标出现，该菜单项是使用 map function 映射的。 这个想法是，当我在菜单项上 hover 时，删除图标应该在它映射到的相应菜单项上可见。 我试过使用材料 css 这样做，不确定我这样做是否正确，因为它没有显示。 请查看我的代码，如果有任何建议可以告诉我，请告诉我。 谢谢！

Answer 1

嗨，我尝试为该图标指定一个 class 名称，并且能够在 hover 上显示该图标。 例子。 我只是将 className 作为字符串而不是材料 ui css 方式给出。 不知道为什么，但有时我会遇到给子元素提供伪 class 的问题。