样式类名后缀

Emotion在CSS中增加了一个名为label的属性,这个属性的值将会被附加到模块化的样式类名末尾。这样一来所形成的实际样式类名就比一般的散列值更加具有可读性了。label的具体使用效果可以观察以下示例。

import { jsx, css } from '@emotion/react'; const style = css` color: red; label: some-style; `; const ShowClassName = ({ className }) => <div className={className}>{className}</div>; function App() { return ( <div> <ShowClassName css={style} /> </div> ); }