你认为用React内联样式处理样式伪 Select 器的好方法是什么?有哪些优点和缺点?
说你有一个新的风格.每个React组件的js文件.可以使用该样式文件设置零部件的样式.但是你想在一个按钮上做一个悬停效果(或者别的什么).
一种方法是拥有一个全局CSS文件,并以这种方式处理样式化伪 Select 器.在这里,"标签悬停"类来自一个全局CSS文件和样式.标签来自组件样式文件.
<ControlLabel style={styles.label} className='label-hover'>
Email
</ControlLabel>
另一种方法是根据特定条件(可能由状态或其他触发条件)设置组件的样式.在这里,如果悬停状态为true,则使用样式.按钮和样式.纽扣,否则就使用样式.按钮
<section
style={(hovered !== true) ?
{styles.button} :
{...styles.button, ...styles.buttonHover }>
</section>
这两种方法都让人觉得有点老套.如果有人有更好的方法,我很想知道.谢谢