38

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 プロパティはありますか?

ありがとう！

4

3 に答える 3

0

fontSize: ピクセル数を使用します

于 2016-09-30T19:15:31.180 に答える