Html-react-parser: Exportar cssToJs

Creado en 29 oct. 2020 · 5Comentarios · Fuente: remarkablemark/html-react-parser

Estoy tratando de encontrar una biblioteca para convertir una cadena css en línea en un objeto de estilo React css. Ejemplo:

"color de fondo: azul; margen superior: 10 px"

{
backgroundColor: 'azul',
marginTop: '10px'
}

Entiendo que esto es lo que hace la función cssToJs. Y dado que de todos modos uso esta biblioteca, sería genial si esta función pudiera exportarse. Supongo que en un módulo separado, como attributeToProps, sería mejor.

dependencies

Fuente

christianfredh

👍1

Comentario más útil

Moví cssToJs a otro paquete style-to-js en # 182

Entonces en v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Instalará la dependencia style-to-js para que pueda hacer lo siguiente:

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

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

Déjeme saber si esto ayuda. Puede consultar el style-to-js README para obtener más detalles.

remarkablemark en 23 nov. 2020

👍2 🎉1

Todos 5 comentarios

Acordado. Básicamente, lo copié de estos repositorios para usarlo y no estoy contento con hacerlo de esa manera. Sería genial si solo se exportara.

jordie23 en 16 nov. 2020

Moví cssToJs a otro paquete style-to-js en # 182

Entonces en v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Instalará la dependencia style-to-js para que pueda hacer lo siguiente:

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

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

Déjeme saber si esto ayuda. Puede consultar el style-to-js README para obtener más detalles.

remarkablemark en 23 nov. 2020

👍2 🎉1

Eso es genial. ¡Gracias!

jordie23 en 23 nov. 2020

👍1

@christianfredh Avísame si necesitas algo más. De lo contrario, ¿puede cerrar este problema?

remarkablemark en 24 nov. 2020

Lo he probado ahora y funciona muy bien, ¡gracias!

Todavía necesito esta función auxiliar para verificar si hay nulos / indefinidos en este momento:

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

Veo que hay una verificación para esto en el código real que devuelve un objeto vacío. Tal vez eso también podría reflejarse mecanografiado, no lo sé. De cualquier manera, funciona muy bien y cerraré el problema.

christianfredh en 25 nov. 2020

👍1

¿Fue útil esta página

0 / 5 - 0 calificaciones