Я пытаюсь реализовать тот же пример, который показан в response-spring документах по анимации пути svg, но он визуализируется немедленно:
Вот мой код:
<Spring from={{ x: 0 }} to={{ x: 100 }}>
{props => (
<svg strokeDashoffset={props.x}>
<path d="M7 2v11h3v9l7-12h-4l4-8z" />
</svg>
)}
</Spring>
Вот мои коды и коробка: https://codesandbox.io/s/9llxp0zx8o
Svg путь не анимирован, как ожидалось, как в примере 2 здесь: http://react -spring.surge.sh / spring
Я думаю, что мне здесь чего-то не хватает. Я буду рад, если кто-нибудь найдет проблему и укажет мне направление.