Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在react中的每个渲染中重新输入一个类_Javascript_Html_Css_Reactjs_Animation - Fatal编程技术网

Javascript 在react中的每个渲染中重新输入一个类

Javascript 在react中的每个渲染中重新输入一个类,javascript,html,css,reactjs,animation,Javascript,Html,Css,Reactjs,Animation,我在一个类中创建了一个动画,我希望该动画应用于每个渲染 以下是js文件: render(){ return( <div> <div className="slide">some data</div> </div> ) } 但动画仅在第一次渲染时发生。 如何在每次渲染时应用动画?因为react不会重新渲染元素,除非它必须重新渲染。您不能期望元素在每次渲染时都插入到页面中,因此需要在动画完成后添加类,然

我在一个类中创建了一个动画,我希望该动画应用于每个渲染

以下是js文件:

render(){
   return(
     <div>
        <div className="slide">some data</div>
     </div>
   )
}
但动画仅在第一次渲染时发生。
如何在每次渲染时应用动画?

因为react不会重新渲染元素,除非它必须重新渲染。您不能期望元素在每次渲染时都插入到页面中,因此需要在动画完成后添加类,然后删除类example@alejandroFernandez你到底想用“渲染”实现什么?如果希望动画在特定动作上“渲染”,只需使用jQuery内置的
EventListener
并使用
addClass()
方法“将动画添加到渲染对象”看起来比渲染每个单独的div元素要优雅得多。或者你可以使动画无限:
animation:1s无限
.slide{
   animation:an 1s;
}
@keyframes an{
  0%{color:red}
  100%{color:blue}
}