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

3,786 阅读1分钟

做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}

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