是否可以添加鼠标悬停效果,更改我悬停的背景颜色,而不将其放入 .css 文件中?我的 fiddle :http://jsfiddle.net/yikevinqu/eeu9unhm/1/我想添加鼠标悬停效果来更改悬停内容的背景颜色,有没有办法在我的 var contentMenuStyle = { ... }
中执行此操作?
最佳答案
请查看Event System为 React 提供处理此问题的正确方法。
从您在 fiddle 中设置组件的方式来看,这可能有点棘手,但这就像您在 onClick
中所做的那样。我相信您想要 onMouseOver
但它可能需要 onMouseEnter
和 onMouseOut
。
从你的 fiddle 中,你可以将此事件监听器附加到每个 td
并让它们监听悬停,并基于此设置状态。然后,您可以让该状态确定该单个表格单元格的背景颜色。
由于您希望 backgroundColor
更改每个单独的表格单元格,因此无法使用 contentMenuStyle
变量。相反,创建每个表格单元格都可以使用的样式变量。
关于javascript - 将鼠标悬停效果添加到样式中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30870177/