Я пытаюсь сделать что-то подобное в 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, которое лучше реагирует, что делает то же самое?
Спасибо!