Css 如何在样式化组件中执行多个onClick动画？

我有两个按钮，我想动画每一个当点击。问题是，当单击第二个按钮时，动画会重新启动，因为会重新渲染文档。我怎样才能解决这个问题？我不熟悉StyledComponents

[这是一个解决问题的代码沙盒。]

---

谢谢。

您应该将样式组件移出功能，然后将道具（

active

和

active2

）传递给样式组件

下面是您的示例代码，并进行一些修改：

---

哦，我明白了。非常感谢阿尔文。