Эмоция: Использование класса и метода "css" в "className"

Question

Как можно применить класс и дополнительный CSS, когда Emotion используется с опорой className в React?

Например, как можно добавить класс myClass к следующему?

import {css} from 'emotion'

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

Answer 1

Я никогда не использовал Emotion, но похоже, что вы можете просто добавить свой класс и другую строку шаблона вокруг функции css.

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

Я проверил это с одним из их встроенных редакторов настраница в их введении затем проверил разметку.Казалось бы, работа.

Answer 2

Вы можете использовать композиции с обычными классами или классами из модуля CSS

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

Может быть, это поможет вам, если вы все еще застряли нажмите здесь