css - 如何动态地将类添加到手动类名称？

我需要将动态类添加到常规类列表中，但是不知道如何(我正在使用babel)，如下所示:

<div className="wrapper searchDiv {this.state.something}">
...
</div>

有任何想法吗？

最佳答案

您可以使用普通的JavaScript来执行此操作:

className={'wrapper searchDiv ' + this.state.something}

或带有反引号的字符串模板版本:

className={`wrapper searchDiv ${this.state.something}`}

两种类型当然都是JavaScript，但是第一种模式是传统类型。

无论如何，在JSX中，用大括号括起来的所有内容都将作为JavaScript执行，因此您基本上可以在该处执行任何操作。但是，结合使用JSX字符串和大括号对属性来说是不行的。