很多的是会用到会对激活项进行类名的添加
1.react多个类名的添加,在不适用第三方库的条件下
利用模板字符串,此时如果原本的类名是通过对象的属性进行添加,那么此时袁磊的类名也需要用哪个变量的方式进行表达
import style from './makePaper.less';
<p
className={`${style.papername} ${index==this.state.active?style.activepapername:null}`}
onClick={()=>this.handleClickName(index)} >{item.title}
</p>
利用数组的join方法,join(’ '),join方法中间传入了一个空格符号进行分割,不然会报错
<p
className={[style.papername,index==this.state.active?style.activepapername:null].join(' ')}
onClick={()=>this.handleClickName(index)} >{item.title}
</p>