CSS-IN-JS使用一个HTML元素上的字符串类名的Aphrodite样式对象

Question

我使用bootstrap的现有项目，看起来像：

<ul className=”nav navbar-nav”>

但是阿芙罗狄蒂要求以下内容：

<ul className={css(styles.red)}>

问题：

我如何合并这两种方法？

<ul className=”nav navbar-nav” className={css(styles.red)}>

Answer 1

您可以使用ES6模板文字：
className={`nav navbar-nav ${css(styles.red)}`}

或join()方法：
className={['nav navbar-nav',css(styles.red)].join(' ')}

示例：https：//codesandbox.io/s/o7l833lym6