リアクションとCSSアニメーション

Question

状態を変更すると、リアクションは調整アルゴリズムを実行し、DOMの一部を完全に再作成することがあります。

DOMノードにCSSアニメーションやトランジションが適用されている場合、React開発者はアニメーション中にDOMを妨害しないようにします（アニメーションを停止する可能性があります）。開発者は、コンポーネントのライフサイクルの特定の部分が完了したときにのみ（クラスを追加または削除するなど）、アニメーションを開始するために知っているので

（例えばonComponentDidUpdate）、これは「ただ働き」い - 彼らは無いことを確認することができた後、すなわち、さらに大きなDOMサブツリーの変更が発生しますか？

Answer 1

通常、これはReacts dom diffingで「うまくいく」べきです。より制御されたアプローチは、アニメーション化されているすべてのDOMを自身のコンポーネントに移動し、shouldComponentUpdateメソッドを使用して、Reactに再レンダリングを実行させるときを制御することです。