Javascript 在动画中更改CSS

我有一些CSS样式的按钮。 当动画开始时，我希望在动画持续时间内更改它们的样式

比如改变颜色，改变指针，改变悬停；基本上让他们看起来“残疾”

我有一个全局变量，它在动画运行时为“true”，在动画未运行时变为“false”

为了实现这一目标，我尝试了很多事情，但都没有成功，我尝试了：

• 基于var值更改类的名称，并创建两个不同的CSS样式->不起作用，因为它没有随着var的更改而更新

• 在调用动画时在函数内部更改样式，并在动画结束时将其更改回。使用：

  document.getElementById（“firstOne”）.style=

第二种选择——这是唯一一种真正有效的选择。问题是我无法将悬停编辑回以前的位置

问题是：

有没有办法将悬停更改为React？比如：

document.getElementById（“firstOne”）.style=

如果没有，有没有办法告诉它“从现在开始，只需遵循CSS文件上写的样式”？。让风格回到以前

如果没有，还有其他关于如何实现我的目标的想法吗

---

谢谢您

共享相关代码，以便其他人能够帮助您。请尝试将全局变量保存在状态中。这样，每当您更新此变量的值时，组件将重新渲染，并且应用于按钮的样式也将更改谢谢您的工作！共享相关代码，以便其他人能够帮助您。请尝试在状态中保存全局变量。这样，每当您更新此变量的值时，组件将重新渲染，并且应用于按钮的样式也将更改谢谢您的工作！