Html-react-parser: Exporter les cssVersJ

Créé le 29 oct. 2020 · 5Commentaires · Source: remarkablemark/html-react-parser

J'essaie de trouver une bibliothèque pour convertir la chaîne css en ligne en objet de style css React. Exemple:

"couleur de fond : bleu ; marge supérieure : 10 px"

à:

{
backgroundColor: 'bleu',
margeTop : '10px'
}

Je comprends que c'est ce que fait la fonction cssToJs. Et comme j'utilise de toute façon cette bibliothèque, ce serait formidable si cette fonction pouvait être exportée. Je suppose que dans un module séparé, comme attributeToProps, ce serait mieux.

dependencies

Source

christianfredh

👍1

Commentaire le plus utile

J'ai déplacé cssToJs vers un autre forfait style-to-js dans #182

Donc en v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Il installera la dépendance style-to-js afin que vous puissiez effectuer les opérations suivantes :

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

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

Faites-moi savoir si cela aide. Vous pouvez consulter le style-to-js README pour plus de détails.

remarkablemark le 23 nov. 2020

👍2 🎉1

Tous les 5 commentaires

D'accord. Je l'ai essentiellement copié à partir de ces référentiels pour l'utiliser et je ne suis pas heureux de le faire de cette façon. Ce serait bien s'il était simplement exporté.

jordie23 le 16 nov. 2020

J'ai déplacé cssToJs vers un autre forfait style-to-js dans #182

Donc en v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Il installera la dépendance style-to-js afin que vous puissiez effectuer les opérations suivantes :

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

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

Faites-moi savoir si cela aide. Vous pouvez consulter le style-to-js README pour plus de détails.

remarkablemark le 23 nov. 2020

👍2 🎉1

C'est génial. Merci!

jordie23 le 23 nov. 2020

👍1

@christianfredh Faites-moi savoir s'il y a autre chose dont vous avez besoin. Sinon, pouvez-vous clore ce problème s'il vous plait ?

remarkablemark le 24 nov. 2020

Je l'ai testé maintenant et il fonctionne très bien, merci !

J'ai toujours besoin de cette fonction d'assistance pour vérifier null/undefined pour le moment :

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

Je vois qu'il y a une vérification pour cela dans le code réel qui renvoie un objet vide. Peut-être que cela pourrait également être reflété au niveau du texte dactylographié, je ne sais pas. Quoi qu'il en soit, cela fonctionne très bien, et je clos le sujet.

christianfredh le 25 nov. 2020

👍1

Cette page vous a été utile?

0 / 5 - 0 notes