如何解决字符串化情感js css结果
我发现每次 style
属性改变时,emotion.js 都会创建并附加新的 styled
,这会造成性能损失,尤其是当变量快速改变时,比如拖动元素时。
阻止emotion.js 创建新样式的一种方法是根本不使用props 而是使用css variables,但这有其自身的挑战。
我想如果我找到了一种方法来输出emotion.js css
的字符串输出结果,我可以用固定的类名手动将它附加到文档头并在需要时更改其内容,但显然没有办法这样做,这是我的期望:
const result = css`
div {
display: flex;
}
`.toString();
console.log(result);
打印:
div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
有什么建议吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。