情感：在 "className" prop 中同时使用 class 和 "css" 方法

Question

当 Emotion 与 React 中的 className 道具一起使用时，如何同时应用 class 和额外的 CSS？

例如，如何在下面添加一个class myClass？

import {css} from 'emotion'

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

Answer 1

您可以使用 css 模块

中的常规类或类进行撰写

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

如果您仍然卡住，这可能会对您有所帮助click here

Answer 2

我从未使用过 Emotion，但看起来您只需在 css 函数周围添加 class 和另一个模板字符串即可。

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

我在他们的介绍中的一个页面上使用他们的一位内联编辑器对此进行了测试，然后检查了标记。似乎有效。

Emotion: Using both a class and the "css" method in "className" prop