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

Question

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

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 node-module进行此转换，则可以尝试执行以下操作：

​

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

​