react行内样式，怎么写:hover样式？

React中的行内样式通常通过JavaScript表达式或者字符串字面量来设置。对于`:hover`伪类，你可以直接在元素的style属性中添加一个条件判断，当鼠标悬停时触发样式变化。例如：

<button style={{ backgroundColor: this.state.isHovered ? 'red' : 'blue', color: 'white' }}>
  {this.state.isHovered ? '悬停状态' : '默认状态'}
</button>

// 当isHovered为true时，背景色变为红色，文字颜色为白色；反之则为蓝色

在这个例子中，`this.state.isHovered`是一个布尔值，可以根据应用的状态改变按钮的`:hover`效果。

如果你想在JSX中使用CSS模块，可以这样写：

import styles from './Button.module.css';

<button className={`${styles.button} ${isHovered && styles.hover}`}>...</button>

然后在CSS文件中定义`.hover`规则：

.button:hover {
  background-color: red;
  color: white;
}