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>
Menu