react项目中,给元素写多个类名

做react项目的时候,有一个需求需要操作dom

我所做的项目是采用了css modules的方式设置样式,我需要在一个标签上同时设置两个类名,一个是在css module下的,一个是不在的。采用设置格式如下

className={`${'listcheck2'} ${appStyle['listcheck']}`}
className={appstyle.lisrcheck + " listcheck2"}
第二个类名双引号里面名字前面要加一个空格
className={[appstyle.listcheck,"listcheck2"].join(' ')}
join方法括号里面加一个空格
className={`${appstyle.style1} ${this.state.show? appstyle.style2 : appstyle.style3}`}
join方法括号里面加一个空格

这样展示的样式有两个 一个为listcheck2,一个为appstyle.listcheck

className={ listcheck2 appStyle.listcheck}

可能表达的不是很清楚,但是呢,我自己能看的懂就行啦,做一个简单的知识积累,方便自己。

手机号正则验证

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值