Я портирование следующего кода из AngularJS Реагировать:React.js: Передача значений атрибутов внутри
<div style="translate: translate({x}px, {y}px) scale({scale}) rotate({angle}deg)"}></div>
Я пробовал:
<div style="translate: translate({this.state.x}px, {this.state.y}px) scale({this.state.scale}) rotate({this.state.angle}deg)"}></div>
Он потерпел неудачу с Parse Error: Line X: Unexpected token }
.
Лучшее, что я придумал это:
<div style={{transform: "translate(" + this.state.x + "px, " + this.state.y + "px) \
scale(" + this.state.scale + ") \
rotate(" + this.state.angle + "deg)"}}></div>
Это много " + this.state.XXX + "
, и это очень трудно читать.
Есть ли лучший способ сделать это?
Имейте в виду, что Google закрытие может переименовать свойства, которые могли бы привести к неприятную ошибку. – ClojureMostly