gpt4 book ai didi

javascript - 添加 CSS @keyframes 动画以在 React 应用程序中进行状态更改

转载 作者:行者123 更新时间:2023-11-28 06:23:38 28 4
gpt4 key购买 nike

我有一个 React + Flux 应用程序 react-router用于路由。有一个.button组件.button_active CSS 类在 React 的 onClick 中切换到它事件以及 toggled:true状态通过 Flux Action 添加到应用程序顶部的按钮对象。

所以.button_active类有 CSS @keyframes附加到它的动画来动画 .button 的状态变化从常规到活跃,反之亦然。

一切正常,除了动画不仅在单击(状态更改)时触发,而且在每次路线更改时触发( .button_active className 就位,但每次路线时都会创建/销毁父 div更改以便动画继续播放)。

有没有办法避免这种行为,但仍然使用 @keyframes 动画来动画状态更改?

谢谢!

最佳答案

我想你可以尝试删除componentWillUnmount()中的.button_active,也许这会起作用。

关于javascript - 添加 CSS @keyframes 动画以在 React 应用程序中进行状态更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35321772/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com