React和CSS動畫

Question

在進行狀態更改時，React將運行協調算法並可能完全重新創建DOM的某些部分。

如果我有一個應用於DOM節點的CSS動畫或轉換，React開發人員通常如何避免在動畫期間干擾DOM（這可能會阻止動畫）？

這是否「正常工作」，因爲開發人員知道只有在組件生命週期的特定部分已完成（例如onComponentDidUpdate）時纔開始動畫（例如通過添加或刪除類）更多的主要DOM子樹會發生變化？

Answer 1

通常這應該「反應」與反應dom差異。更可控的方法是將任何正在動畫的dom移動到它自己的組件中，並使用shouldComponentUpdate方法來控制何時讓React執行重新渲染。