react add multiple class names

In react, add two object format class names to a tag, and add two dynamic class names in braces (braces)

引入方式
import styles from './index.less';
import './index.less';

className={
    
    appstyle.lisrcheck + " listcheck2"}
第二个类名双引号里面名字前面要加一个空格

className={
    
    [appstyle.listcheck,"listcheck2"].join(' ')}
<div className={
    
    [styles.name1,companyId===1?styles.aiwoselect:null].join(' ')}></div>
join方法括号里面加一个空格

className={
    
    `${
      
      appstyle.style1} ${
      
      this.state.show? appstyle.style2 : appstyle.style3}`}
join方法括号里面加一个空格

Guess you like

Origin blog.csdn.net/weixin_53125679/article/details/123890506