Generowanie inline style font-size użyciu ReactJS

Question

Staram się zrobić coś takiego w 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>); 
    } 
}); 

Problemem jest to, że ten błąd, gdy uruchomię mój kod: „build Moduł failed: Error : Błąd parsowania: Wiersz 5: nieoczekiwany token - " najwyraźniej Reactowi nie podoba się, że font-size zawiera kreskę. Jak sobie z tym poradzić? Czy istnieje sposób na ucieczkę tej postaci do reakcji? Czy istnieje inna właściwość css, która reaguje lepiej, co robi to samo?

Dzięki!

Answer 1

Zastosowanie fontSize zamiast font-size

rozwiązaniem jest właściwościach CamelCase które zwykle zawierają odrobinę

http://facebook.github.io/react/tips/inline-styles.html

odpowiedział na moje własne pytanie :)

Answer 2

używam fontSize: piksele numery