javascript - 每次渲染都重新输入一个类

Question

我在一个类中创建了一个动画，我希望动画应用每个渲染。

这是js文件：

render(){
   return(
     <div>
        <div className="slide">some data</div>
     </div>
   )
}

CSS文件：

.slide{
   animation:an 1s;
}
@keyframes an{
  0%{color:red}
  100%{color:blue}
}

但动画仅在第一次渲染时发生。我如何在每次渲染时应用动画？

标签： javascripthtmlcssreactjsanimation