React-JS конвертирует CSS-in-JS в строку CSS ⇐ CSS
-
Гость
React-JS конвертирует CSS-in-JS в строку CSS
В проекте реагирования конечный пользователь может генерировать CSS с помощью специального инструмента.
Я нашел, как сгенерировать объект JS и передать его в атрибут style={}, но я хочу преобразовать сгенерированный объект JS в строку CSS, чтобы я мог сохранить его и использовать в других местах. .
Я хочу преобразовать JSObject в CSS:
JSObject [Пример – ввод]
JSObject: { линияВысота: 1, Размер шрифта: 15, отступ: 0, маржа: 0, msBoxShadow: '0 0 1px 1px #000', MozBoxShadow: '0 0 1px 1px #000', OBoxShadow: '0 0 1px 1px #000', WebkitBoxShadow: '0 0 1px 1px #000', boxShadow: '0 0 1px 1px #000' } Ожидаемый CSS [пример – вывод]
.cssClass{ высота строки: 1; размер шрифта: 15 пикселей; отступ: 0 пикселей; поле: 0 пикселей; box-shadow: rgb(0, 0, 0) 0px 0px 1px 1px; }
В проекте реагирования конечный пользователь может генерировать CSS с помощью специального инструмента.
Я нашел, как сгенерировать объект JS и передать его в атрибут style={}, но я хочу преобразовать сгенерированный объект JS в строку CSS, чтобы я мог сохранить его и использовать в других местах. .
Я хочу преобразовать JSObject в CSS:
JSObject [Пример – ввод]
JSObject: { линияВысота: 1, Размер шрифта: 15, отступ: 0, маржа: 0, msBoxShadow: '0 0 1px 1px #000', MozBoxShadow: '0 0 1px 1px #000', OBoxShadow: '0 0 1px 1px #000', WebkitBoxShadow: '0 0 1px 1px #000', boxShadow: '0 0 1px 1px #000' } Ожидаемый CSS [пример – вывод]
.cssClass{ высота строки: 1; размер шрифта: 15 пикселей; отступ: 0 пикселей; поле: 0 пикселей; box-shadow: rgb(0, 0, 0) 0px 0px 1px 1px; }
Мобильная версия