1. 程式人生 > >react className的2種變量寫法

react className的2種變量寫法

.class left 變量 reac 字符 span code col pan

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>

react className的2種變量寫法