How to add static and dynamic class at the same time for react

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

as above, I want to have both the default class and how to add a dynamic class, according to the variable in className. Now the result is that if icon-active is added, then the following class is gone.
if I write the default class first, I won"t be able to display the style directly.

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

you may not understand the operation priority, you can consider using the template string

<div className={`icon-box ${this.state.like === true ? "icon-active" : ""}`} onClick={this.clickToLike}>
    <i className="iconfont icon-dianzan"></i>
</div>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3e037-2c3cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3e037-2c3cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?