web-dev-qa-db-ja.com

ReactJSを使用したインラインフォントサイズスタイルの生成

私は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>);
   }
});

問題は、コードを実行すると次のエラーが発生することです：「モジュールのビルドに失敗しました：エラー：解析エラー：行5：予期しないトークン-」どうやら、Reactはfont-sizeにはダッシュがあります。これを回避するにはどうすればよいですか？反応のためにそのキャラクターをエスケープする方法はありますか？同じことをするより良い反応をするいくつかの異なるCSSプロパティがありますか？

ありがとう！

cssfont-sizereactjsinline-stylesreact-jsx
22
kat

font-sizeの代わりにfontSizeを使用します

解決策は、通常ダッシュを含むcamelCaseプロパティです

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

私自身の質問に答えました:)

49
kat

FontSize：ピクセル数を使用します

0
Guille_2783