javascript - 将鼠标悬停效果添加到样式中

Question

是否可以添加鼠标悬停效果，更改我悬停的背景颜色，而不将其放入 .css 文件中？我的 fiddle :http://jsfiddle.net/yikevinqu/eeu9unhm/1/我想添加鼠标悬停效果来更改悬停内容的背景颜色，有没有办法在我的 var contentMenuStyle = { ... } 中执行此操作？

Answer 1

请查看Event System为 React 提供处理此问题的正确方法。

从您在 fiddle 中设置组件的方式来看，这可能有点棘手，但这就像您在 onClick 中所做的那样。我相信您想要 onMouseOver 但它可能需要 onMouseEnter 和 onMouseOut。

从你的 fiddle 中，你可以将此事件监听器附加到每个 td 并让它们监听悬停，并基于此设置状态。然后，您可以让该状态确定该单个表格单元格的背景颜色。

由于您希望 backgroundColor 更改每个单独的表格单元格，因此无法使用 contentMenuStyle 变量。相反，创建每个表格单元格都可以使用的样式变量。