如何在 React 和 Emotion 中将 2 css 变量附加到 JSX 元素

How to attach 2 css variables to an JSX element in React & Emotion

如何使用 Emotion 库将 style1 和 style2 附加到下面的 div？


const style1 = css`
  display: flex;
`

const style2 = css`
   width: 0;
`

const el= () => (
    <div css={style1}>
)

在情感中你可以做所谓的composition:

const style1 = css`
  display: flex;
`

const style2 = css`
   width: 0;
`

const el= () => (
    <div 
        css={css`
            ${style1};
            ${style2};
        `}
    >
)