情感：在“ className”属性中同时使用类和“ css”方法

Question

将Emotion与className道具一起使用Emotion时，如何同时应用类和附加CSS？

例如，如何将类myClass添加到以下内容？

import {css} from 'emotion'

<div className={css`color: red`}>

Answer 1

我从未使用过Emotion，但看起来您可以简单地在css函数周围添加类和另一个模板字符串。

<div className={`myClass ${css`color: red`}`}>

我在“简介”的页面上与他们的一位内联编辑器进行了测试，然后检查了标记。似乎可以工作。

Answer 2

您可以将compos与常规类或css模块中的类一起使用

<div className={css`
  composes: ${'some-class'};
  color: red;` >

如果您仍然受困click here

，也许可以为您提供帮助