Html-react-parser: cssToJs exportieren
Ich versuche, eine Bibliothek zu finden, um Inline-CSS-Strings in ein React-CSS-Stilobjekt zu konvertieren. Beispiel:
"Hintergrundfarbe: Blau; Rand-Oberseite: 10px"
zu:
{
Hintergrundfarbe: 'blau',
MarginTop: '10px'
}
Ich verstehe, dass dies die Funktion der cssToJs-Funktion ist. Und da ich diese Bibliothek sowieso nutze, wäre es toll, wenn diese Funktion exportiert werden könnte. Ich denke, in einem separaten Modul wie AttributesToProps wäre am besten.
christianfredh
Alle 5 Kommentare
Einverstanden. Ich habe es im Grunde genommen aus diesem Repo kopiert, um es zu verwenden, und ich bin nicht glücklich, es so zu machen. Wäre toll, wenn es nur exportiert würde.
jordie23
am 16. Nov. 2020
Ich habe cssToJs in ein anderes Paket style-to-js in #182 verschoben
Also in v0.14.2 :
# npm
npm i [email protected]
# yarn
yarn add [email protected]
Es wird die Abhängigkeit style-to-js installiert, sodass Sie Folgendes tun können:
const styleToJS = require('style-to-js').default;
styleToJS('background-color: #BADA55', { reactCompat: true });
Lassen Sie mich wissen, ob das hilft. Weitere Informationen finden Sie in der style-to-js README-Datei .
remarkablemark
am 23. Nov. 2020
Das ist großartig. Danke!
jordie23
am 23. Nov. 2020
@christianfredh Lass es mich wissen, wenn du noch etwas brauchst. Können Sie dieses Problem andernfalls bitte schließen?
remarkablemark
am 24. Nov. 2020
Ich habe es jetzt getestet und es funktioniert super, danke!
Ich benötige im Moment noch diese Hilfsfunktion, um auf null/undefined zu prüfen:
function cssToJs(style?: string | null) {
return styleToJS(style ?? '', { reactCompat: true })
}
Ich sehe, dass es im eigentlichen Code eine Überprüfung gibt, die ein leeres Objekt zurückgibt. Vielleicht könnte sich das auch typoskriptmäßig widerspiegeln, ich weiß es nicht. So oder so, es funktioniert super, und ich werde das Thema schließen.
christianfredh
am 25. Nov. 2020
Verwandte Themen
ollie-o
·
3Kommentare
frontendpm
·
4Kommentare
danielimmke
·
4Kommentare
jerome-diver
·
9Kommentare
dave-stevens-net
·
9Kommentare
Hilfreichster Kommentar
Ich habe
cssToJsin ein anderes Paketstyle-to-jsin #182 verschobenAlso in v0.14.2 :
Es wird die Abhängigkeit
style-to-jsinstalliert, sodass Sie Folgendes tun können:Lassen Sie mich wissen, ob das hilft. Weitere Informationen finden Sie in der
style-to-jsREADME-Datei .