react----添加多个类名

很多的是会用到会对激活项进行类名的添加
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>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值