问如何使用react-transition-group CSSTransition在页面加载时进行动画处理？
EN

Stack Overflow用户

提问于 2020-05-14 01:28:27

回答 1查看 739关注 0票数 0

我有一个包含两个组件的沙箱，用于渲染动画div。其中一个有一个按钮，它使用in prop来渲染动画div，这样就可以了。另一个组件用于在页面加载时执行一次动画。但是没有动画，它只是渲染div。如何使用CSSTransition在页面加载时进行动画处理？

感谢您的帮助。

谢谢

发布于 2020-05-14 01:48:46

我通过向auto组件添加额外的状态来设置css转换中的属性，从而修复了这个问题。显然，它需要切换到工作状态。

  let [show, setShow] = useState(false);
  useEffect(() => {
    setTimeout(()=>setShow(true), 1000);
  }, [])

  then

  <CSSTransition in={show}...

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61781042

复制

相似问题

问如何使用react-transition-group CSSTransition在页面加载时进行动画处理？EN