如何动态地将类添加到手动类名中？

Question

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

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

有任何想法吗？

原文由 Mankind1023 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以这样做，普通的 JavaScript：

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

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

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

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

无论如何，在 JSX 中，大括号中的任何内容都作为 JavaScript 执行，因此您基本上可以在那里做任何您想做的事情。但是将 JSX 字符串 和 大括号组合在一起是属性的禁忌。

原文由 dannyjolie 发布，翻译遵循 CC BY-SA 4.0 许可协议