样式化组件与情感-如何在样式化组件上重复css`style`函数

Question

我有一个使用Emotion库的代码。到目前为止，一切正常……

但是查看文档后，我发现Styled-components已经吸收了Emotion库的某些功能；就像在JavaScript中使用css。

但是我无法复制与Emotion相似的用法。

这是一个完整的示例（使用Emotion）：

https://codesandbox.io/s/grouping-table-head-ant-design-demo-s7hb6?file=/index.js

基本上，我想创建具有一些动态样式的CSS（取决于对象数组）。 工作正常，很干净...但是我的问题是，是否可以使用Styled-components（使用css表示法）重新应用此代码。

类似于本文的内容（我无法使其正常工作）：

https://medium.com/styled-components/announcing-native-support-for-the-css-prop-in-styled-components-245ca5252feb

有什么主意吗？

Answer 1

在styled-components上搜索此功能之后；在最底行是不可能的。

其他选择是使用CSS Modules，Emotion，styled jsx或类似的方法...但是到目前为止，styled-components尚不可能。