如何触发React TransitionGroup和转换为onLoad动画
如何触发React TransitionGroup和转换为onLoad动画
提问于 2018-08-21 07:39:57
假设下面的React组件使用React Transition Group，我如何在组件加载时渲染过渡动画？
从‘React’导入react；从‘react- Transition -group’导入{ TransitionGroup，transition}；
const FeatureItem3 = class extends React.Component {
constructor() {
super();
this.state = {
animate: true,
};
}
render() {
return (
<TransitionGroup>
<Transition
in={this.state.animate}
timeout={0}
>
<div>xxx</div>
</Transition>
<Transition
in={this.state.animate}
timeout={1000}
>
<div>yyyy</div>
</Transition>
<Transition
in={this.state.animate}
timeout={2200}
>
<div>zzzz</div>
</Transition>
</TransitionGroup>
);
}
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51939788
复制相关文章
相似问题
腾讯云开发者
