在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react如何添加同時添加靜態(tài)和動態(tài)class

react如何添加同時添加靜態(tài)和動態(tài)class

<div className={this.state.like===true?'icon-active ':""+"icon-box"} onClick={this.clickToLike}>
    <i className="iconfont icon-dianzan"></i>
</div>

如上,我想讓className中既有默認(rèn)的class又根據(jù)變量添加一個動態(tài)class,該如何添加,現(xiàn)在結(jié)果是如果icon-active添加了之后,則后面的class就沒有了。
如果我把默認(rèn)的class寫在前面,就直接都顯示不出來樣式了。

 <div className={"icon-box"+" "+this.state.like===true?' icon-active':""} onClick={this.clickToLike}>
    <i className="iconfont icon-dianzan"></i>
</div>
回答
編輯回答
奧特蛋

你可能沒弄明白運算優(yōu)先級,可以考慮用模板字符串

<div className={`icon-box ${this.state.like === true ? "icon-active" : ""}`} onClick={this.clickToLike}>
    <i className="iconfont icon-dianzan"></i>
</div>
2017年4月30日 11:27