html内联样式字号缩放,css – 使用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 (

{myDivText}

);

}

});

问题是我运行代码时收到此错误：

“模块构建失败：错误：解析错误：第5行：意外的令牌 – ”

显然,React不喜欢那个font-size有一个破折号.如何解决这个问题？有没有办法逃避这个角色作出反应？有没有一些不同的css属性,反应更好,做同样的事情？

谢谢！