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

标签 javascript reactjs

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

最佳答案

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

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

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

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

关于javascript - 将鼠标悬停效果添加到样式中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30870177/

相关文章:

javascript - 无法解析 '/images/img-2.jpg' 中的 'E:\React\react-demo\src'

javascript - 为什么 Angular 2 需要 node.js

javascript - 在 Array#reduce 中设置 initialValue 与不设置 initialValue

javascript - 为什么mysql查询 "select count(*) from table"返回 "[object Object]"作为结果?

javascript - 在 React Table 7.1.0 中一次只能选择一行

javascript - React - 忽略子节点

javascript - 将传递的参数作为对象返回

javascript - V8:异构数组文字

javascript - 无法读取null的属性 'indexOf',估计是react生命周期问题

javascript - 为什么 componentDidMount 没有被解雇?