Получение ошибки при передаче компонента в G transform rotate

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

Если вы используете для этого преобразования узел-реактив-native-svg, то вы можете попробовать это:

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