Html-react-parser: Exportar cssToJs

Criado em 29 out. 2020 · 5Comentários · Fonte: remarkablemark/html-react-parser

Estou tentando encontrar uma biblioteca para converter a seqüência de caracteres css in-line em um objeto de estilo css React. Exemplo:

"background-color: blue; margin-top: 10px"

para:

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

Eu entendo que isso é o que a função cssToJs faz. E como eu uso essa biblioteca, seria ótimo se essa função pudesse ser exportada. Acho que em um módulo separado, como attributeToProps, seria o melhor.

dependencies

Fonte

christianfredh

👍1

Comentários muito úteis

Mudei cssToJs para outro pacote style-to-js em # 182

Portanto, na v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Ele instalará a dependência style-to-js para que você possa fazer o seguinte:

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

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

Avise-me se isso ajudar. Você pode verificar o style-to-js README para obter mais detalhes.

remarkablemark em 23 nov. 2020

👍2 🎉1

Todos 5 comentários

Acordado. Basicamente, copiei desse repositório para usar e não estou feliz em fazer isso dessa forma. Seria ótimo se fosse apenas exportado.

jordie23 em 16 nov. 2020

Mudei cssToJs para outro pacote style-to-js em # 182

Portanto, na v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Ele instalará a dependência style-to-js para que você possa fazer o seguinte:

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

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

Avise-me se isso ajudar. Você pode verificar o style-to-js README para obter mais detalhes.

remarkablemark em 23 nov. 2020

👍2 🎉1

Fantástico. Obrigado!

jordie23 em 23 nov. 2020

👍1

@christianfredh Avise-me se precisar de mais alguma coisa. Caso contrário, você pode encerrar este problema?

remarkablemark em 24 nov. 2020

Eu testei agora e funciona muito bem, obrigado!

Ainda preciso desta função auxiliar para verificar se há nulo / indefinido no momento:

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

Vejo que há uma verificação para isso no código real que retorna um objeto vazio. Talvez isso também possa ser refletido na digitação, não sei. De qualquer forma, funciona muito bem e encerrarei o problema.

christianfredh em 25 nov. 2020

👍1

Esta página foi útil?

0 / 5 - 0 avaliações