Javascript 如何重复a';摇动';基于反应状态的CSS类(所以不是onClick)

Javascript 如何重复a';摇动';基于反应状态的CSS类(所以不是onClick),javascript,reactjs,css-animations,Javascript,Reactjs,Css Animations,我尝试使用react state和基于CSS关键帧类的动画,在加法时对数字应用抖动 我在加法时成功地使数字抖动,在这种情况下,一旦添加了一个数字,计数就会抖动,但在第一次加法后,计数就不会应用| 为了更清楚,这里是用“shake”包装的计数器代码,该计数器通过CSS类激活 if (isCurrentUser) { setComboCountClass('comboShake') setMsgCount(count => {

我尝试使用react state和基于CSS关键帧类的动画,在加法时对数字应用抖动

我在加法时成功地使数字抖动,在这种情况下,一旦添加了一个数字,计数就会抖动,但在第一次加法后,计数就不会应用|

为了更清楚,这里是用“shake”包装的计数器代码,该计数器通过CSS类激活

  if (isCurrentUser) {
          setComboCountClass('comboShake')
          setMsgCount(count => {
            return { ...count, [userId]: count[userId] ? count[userId] + 1 : 1 };
          });
          setComboCountClass('comboShakeEnd')
        } 

计数的数字在加法时抖动一次,但在第一次加法后不会再次抖动?我很想得到这方面的帮助,顺便说一下,这是我使用StackOverflow的第一个问题,所以请随时告诉我在
之后我能做得更好的事情。

添加comboShakeEnd
并执行shake操作后,您需要删除它。添加
后,并执行shake操作后,您需要删除它。