gpt4 book ai didi

javascript - React 和 CSS 动画

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:25:44 25 4
gpt4 key购买 nike

当进行状态更改时,React 将运行协调算法并可能完全重新创建部分 DOM。

如果我将 CSS 动画或过渡应用于 DOM 节点,React 开发人员通常如何避免在动画期间干扰 DOM(这可能会停止动画)?

这是否“有效”,因为开发人员知道只有在组件生命周期的特定部分完成时(例如 onComponentDidUpdate)才开始动画(例如通过添加或删除类) - 即在他们确定不会发生进一步的主要 DOM 子树更改之后?

最佳答案

通常这应该与 Reacts dom diffing 一起“正常工作”。一种更可控的方法是将正在动画的任何 dom 移动到它自己的组件中,并使用 shouldComponentUpdate 方法来控制何时让 React 执行重新渲染。

关于javascript - React 和 CSS 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44623998/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com