Javascript 对于CSS伪类，为什么开发人员必须进行状态更改？

在React中，有人能解释一下，对于CSS伪类，例如hover、focus、active等，为什么我必须在React中进行状态更改？为什么不让开发人员做出反应

---

保持CSS中的样式？

您所指的示例显示如何处理HTML元素上的特定事件

return React.createElement(
 "button",
 {onMouseOver: this.mouseOver, onMouseOut: this.mouseOut},
 label
);

使用上述代码，当按钮上发生onMouseOver和onMouseOut事件时，将分别执行mouseOver和mouseOut功能

我们可以像往常一样将CSS与reactjs一起使用

---

例如悬停：

您必须使用.css来实现您所追求的目标，但不能使用内联样式：

从

---

CSS伪类和媒体查询不受支持：与编写普通CSS相比，使用内联样式并不能提供完整的表达能力：特别是，无法为伪类（如.notification:hover或.notification:before）表达CSS选择器。此外，不可能使用媒体查询来调整基于视图媒体的样式，例如，调整内容，使其在移动设备和桌面上查看时看起来有所不同。像Radium这样的库提供了一种绕过这些限制的方法，但要达到这些限制，还必须做一些令人讨厌的事情

谁声称您必须更改CSS伪类活动的状态？你能提供一些代码示例吗？我还在学习React，我在Oh遇到了一个示例，这不是一个更改悬停CSS的示例，而是更改组件的内部状态。CSS仍然可以应用于该按钮。那么请提供一个仅使用CSS而不更改内部状态的react中悬停效果的示例。谢谢@Balaji，但我正在寻找相同的函数，当我们在JSX中放置CSS代码时，例如const ColMdSix={rowOneCol:{color:'black'，}，rowOneCol:hover{color:'red}这是可能的吗？