我将以下代码从 AngularJS 移植到 React:
<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 + "
而且很难阅读。
有更好的方法吗?