react className的2种变量写法

ES6新增的不少语法都是极好用的,

在拼接变量与字符串时,模版字符串``就是典型的用法

以下是2种写法

1 <div className={"bubble-box" +' '+`${item.class}`} key={index} style={{left:`${item.left}px`,top:`${item.top}px`}}><img className={`${item.class}`} src={item.src} /></div>
2 <div className={"bubble-box" +' '+(item.class)} key={index} style={{left:`${item.left}px`,top:`${item.top}px`}}><img className={`${item.class}`} src={item.src} /></div>

猜你喜欢

转载自www.cnblogs.com/zhixi/p/10734641.html