Html-react-parser: Экспорт cssToJs

Созданный на 29 окт. 2020 · 5Комментарии · Источник: remarkablemark/html-react-parser

Я пытаюсь найти библиотеку для преобразования встроенной строки css в объект стиля React css. Пример:

"цвет фона: синий; верхнее поле: 10 пикселей"

к:

{
backgroundColor: 'синий',
marginTop: '10px'
}

Я понимаю, что это то, что делает функция cssToJs. И поскольку я все равно использую эту библиотеку, было бы здорово, если бы эту функцию можно было экспортировать. Я думаю, что было бы лучше всего в отдельном модуле, например attributeToProps.

dependencies

Источник

christianfredh

👍1

Самый полезный комментарий

Я переместил cssToJs в другой пакет style-to-js в # 182

Итак, в v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Он установит зависимость style-to-js чтобы вы могли сделать следующее:

const styleToJS = require('style-to-js').default;

styleToJS('background-color: #BADA55', { reactCompat: true });

Позвольте мне знать, если это помогает. Вы можете проверить style-to-js README для получения более подробной информации.

remarkablemark 23 нояб. 2020

👍2 🎉1

Все 5 Комментарий

Согласованный. Я в основном скопировал его из этого репо, чтобы использовать, и мне не нравится делать это таким образом. Было бы здорово, если бы его просто экспортировали.

jordie23 16 нояб. 2020

Я переместил cssToJs в другой пакет style-to-js в # 182

Итак, в v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Он установит зависимость style-to-js чтобы вы могли сделать следующее:

const styleToJS = require('style-to-js').default;

styleToJS('background-color: #BADA55', { reactCompat: true });

remarkablemark 23 нояб. 2020

👍2 🎉1

Это потрясающе. Спасибо!

jordie23 23 нояб. 2020

👍1

@christianfredh Дайте мне знать, если вам что-нибудь понадобится. В противном случае, не могли бы вы закрыть эту проблему?

remarkablemark 24 нояб. 2020

Я протестировал его сейчас, и он отлично работает, спасибо!

Мне все еще нужна эта вспомогательная функция для проверки на null / undefined на данный момент:

function cssToJs(style?: string | null) {
  return styleToJS(style ?? '', { reactCompat: true })
}

Я вижу, что это проверка в реальном коде, который возвращает пустой объект. Может быть, это тоже можно отразить в машинописном тексте, я не знаю. В любом случае, он отлично работает, и я закрою вопрос.

christianfredh 25 нояб. 2020

👍1

Была ли эта страница полезной?

0 / 5 - 0 рейтинги