做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}
可能表达的不是很清楚,但是呢,我自己能看的懂就行啦,做一个简单的知识积累,方便自己。
手机号正则验证