新舊兒童元素之間的反應轉換淡入

Question

我有一個React組件通過props.children呈現一個子元素。 此子元素的內容是動態的。 在這些元素之間轉換（淡入淡出，淡入淡出）的最佳方式是什麼？

Answer 1

Check out the React docs瞭解關於ReactTransitionGroup附加組件的一些信息。這應該能夠做你需要的。

Answer 2

爲此項目嘗試一下：react-css-transition。它是在必要的情況下創建的，因爲officialReactCSSTransitionGroup特別是在低端設備上不可靠。向下滾動查看CSS Transition Group，這是您需要的。

*免責聲明，我是react-css-transition的創建者