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>

 

posted @ 2019-04-19 11:03  知兮  阅读(9626)  评论(0编辑  收藏  举报