10
Ich versuche, so etwas wie dies in ReactJS zu tun:Generierung von Inline-font-size Stil mit ReactJS
var MyReactClass = React.createClass({
render: function() {
var myDivText = "Hello!";
var myFontSize = 6; //this is actually something more complicated, I'm calculating it on the fly
var divStyle = {
font-size: {fontSize + 'px !important;'},
};
return (<div style={divStyle}>{myDivText}</div>);
}
});
Das Problem ist, dass ich diesen Fehler, wenn ich meinen Code ausführen: „Modul Build fehlgeschlagen: Fehler : Parse Fehler: Zeile 5: Unerwartetes Token - " anscheinend, React mag nicht, dass font-size hat einen Strich drin. Wie komme ich hier zurecht? Gibt es eine Möglichkeit, diesem Charakter zu entkommen? Gibt es eine andere CSS-Eigenschaft, die besser reagiert, die dasselbe tut?
Danke!
Es ist tatsächlich JavaScript, das den Fehler zuerst wirft. Ein Name ohne Anführungszeichen muss ein * gültiger Bezeichnername * oder * numerisches Literal * sein. Gültiger Code wäre: '{'font-size': '10px'}' (mit Anführungszeichen). Obwohl ich nicht sicher bin, wie React damit umgehen würde. – David
Es ist wahr, dass JavaScript diese Einschränkungen für nicht aufgeführte Eigenschaftsnamen hat, aber dies ist eigentlich ein Schlüssel in einem React-Stilobjekt, nicht eine JavaScript-Eigenschaft, wenn ich richtig verstehe – kat