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



我有两个按钮,我想在单击时为每个按钮设置动画。问题是,当单击第二个按钮时,由于React重新渲染文档,动画会重新启动。我该如何解决这个问题?我是StyledComponents的新手。

[这是一个有问题的代码沙盒。]https://codesandbox.io/s/naughty-joliot-v3mlf

谢谢。

您应该将样式组件移出函数,然后将props(activeactive2(传递给样式组件。

下面是fork您的示例代码,并进行一些修改:

https://codesandbox.io/s/tender-curran-0bxf0?file=/src/App.js

相关内容

  • 没有找到相关文章

最新更新