React和CSS动画

Question

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

如果我将CSS动画或转换应用于DOM节点，React开发人员通常如何避免在动画期间干扰DOM（可能会停止动画）？

这是＆＃34;只是工作＆＃34;，因为开发人员知道只在组件生命周期的特定部分完成时启动动画（例如通过添加或删除类）（例如onComponentDidUpdate） - 即他们可以确定不会发生进一步的主要DOM子树更改？

Answer 1

通常这应该与Reacts dom diffing“正常工作”。一种更受控制的方法是将任何动画的dom移动到它自己的组件中，并使用<Window [...] Style="{DynamicResource XWindow }"方法来控制何时让React执行重新渲染。