我有这行代码
render() {
return <img class="animated bounceIn" src={this.state.img_source}></img>
}
播放动画。当我通过 setState() 更改 img_source 时，react 仅检测图像源的更改，并更改图片。所以动画不再播放。如何让动画再次播放？
首先，您必须在 React JSX 中使用“className”，而不是“class”。接下来，务实一点：动画可能是由 css 触发的，并且每次更改状态时都会重新绘制渲染。
export class MyComponent extends React.Component {
//... code
render() {
return (
<img
className={this.state.className}
src={this.state.img_source}
></img>)
}在状态中管理类名就足够了，它们将自动应用到您的渲染中，效果与您使用其他知名库如 jQuery 获得的效果相同。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句