У меня есть код, использующий библиотеку Emotion. Пока все работает отлично ...
Emotion
Но, проверив документацию, я увидел, что Styled-components уже вобрал в себя некоторые функции библиотеки Emotion; как использование css в javascript.
Styled-components
css
Но я не могу воспроизвести использование как минимум похожее, чем Emotion.
Вот полный пример (Использование Emotion):
https://codesandbox.io/s/grouping-table-head-ant-design-demo-s7hb6?file= / index. js
В основном я хочу создать CSS с некоторыми стилями динамического c (в зависимости от массив объектов). Работает нормально и чисто ... но я не знаю, можно ли повторно применить этот код, используя Styled-components (с использованием обозначения css).
Что-то похожее на эту статью (я не могу заставить его работать ):
https://medium.com/styled-components/announcing-native-support-for-the-css-prop-in-styled-components-245ca5252feb
Есть идеи?
После поиска этой функциональности на styled-components; в нижней строке невозможно.
styled-components
В качестве альтернативы можно использовать CSS Modules, Emotion, styled jsx или аналогичные ... но с styled-components пока это невозможно.
CSS Modules
styled jsx