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