javascript – React和CSS动画

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

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

这是“正常工作”,因为开发人员知道只在组件生命周期的特定部分完成时启动动画(例如通过添加或删除类)(例如onComponentDidUpdate) – 即在他们可以确定没有其他主要DOM子树之后会发生什么变化?

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

点赞