我有两个按钮,我想在单击时为每个按钮设置动画。问题是,当单击第二个按钮时,由于React重新渲染文档,动画会重新启动。我该如何解决这个问题?我是StyledComponents的新手。
[这是一个有问题的代码沙盒。]https://codesandbox.io/s/naughty-joliot-v3mlf
谢谢。
您应该将样式组件移出函数,然后将props(active
和active2
(传递给样式组件。
下面是fork您的示例代码,并进行一些修改:
https://codesandbox.io/s/tender-curran-0bxf0?file=/src/App.js