在G变换旋转中传递组件时出现错误

Question

我正在尝试根据一个值对速度计的指针进行动画处理。我想显示一个动画，其中使用Counter组件对要获取的数字进行动画处理。 但是当我在转换中使用组件时，出现如下错误：

Expected [ \t\r\n], [+-], [0-9], or fractionalConstant but "[" found.

<G transform={rotate(${<Counter end={needleAngle} />} ${opts.cX} ${opts.cY})}>{needleElm}</G>

Answer 1

如果您正在使用react-native-svg节点模块进行此转换，则可以尝试以下操作：

<G
   rotation={`${<Counter end={needleAngle} />}`}
   origin={`${opts.cX} ${opts.cY}`}
>
{needleElm}
</G>