Styled-components vs Emotion - 如何在 Styled-components 上重新应用 css`style` 函数
Styled-components vs Emotion - How to reapplicate css`style` function on Styled-components
我有一个使用 Emotion 库的代码。到目前为止，一切正常...
但是查看文档，我看到 Styled-components 已经吸收了 Emotion 库的一些功能；作为 css 在 javascript.
中的使用
但我无法复制至少与 Emotion 相似的用法。
这是一个完整的例子（使用 Emotion）：
https://codesandbox.io/s/grouping-table-head-ant-design-demo-s7hb6?file=/index.js
基本上我想创建一个具有一些动态样式（取决于对象数组）的 CSS。
工作正常而且很干净...但我的问题是知道此代码是否可以使用 Styled-components（使用 css 表示法）重新应用。
与这篇文章类似的东西（我做不出来）：
有什么想法吗？
在 styled-components 上搜索此功能后；归根结底，这是不可能的。
其他替代方案是使用 CSS Modules、Emotion、styled jsx 或类似的...但目前无法使用 styled-components。
我有一个使用 Emotion 库的代码。到目前为止，一切正常...
但是查看文档，我看到 Styled-components 已经吸收了 Emotion 库的一些功能；作为 css 在 javascript.
但我无法复制至少与 Emotion 相似的用法。
这是一个完整的例子（使用 Emotion）：
https://codesandbox.io/s/grouping-table-head-ant-design-demo-s7hb6?file=/index.js
基本上我想创建一个具有一些动态样式（取决于对象数组）的 CSS。
工作正常而且很干净...但我的问题是知道此代码是否可以使用 Styled-components（使用 css 表示法）重新应用。
与这篇文章类似的东西（我做不出来）：
有什么想法吗？
在 styled-components 上搜索此功能后；归根结底，这是不可能的。
其他替代方案是使用 CSS Modules、Emotion、styled jsx 或类似的...但目前无法使用 styled-components。