本文探讨了在React中设置样式的方法，包括直接修改style对象、添加class以及处理inline样式无法表示的pseudo styles问题。重点介绍了如何利用Radium库在JSX中实现hover等pseudo selector，并讲解了如何应用Media Queries。通过Radium，可以方便地在React组件中管理复杂样式，包括hover效果和响应式设计。
setting Styles
直接更改JSX中的style object的内容；
style.backgroundColor="red";
adding Class
创建class array存放要条件加入的class；
const classes=[];
if(this.state.persons.length<=2){
classes.push('red'); //classes =['red']
}
if(this.state.persons.length<=1){
classes.push('bold'); //classes =['red','bold']
}
join后放入JSX的className中；
<p className={
classes.join(' ')
最低0.47元/天 解锁文章
342
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
