如何使用ReactTransitionGroup在两个列表之间转换?

时间:2019-04-12 13:51:19

标签: reactjs react-transition-group

我正在尝试在两个列表之间建立过渡,其中一个列表中的元素淡出,然后另一个列表中的元素淡入,就像在this example中一样。

不幸的是,由于TransitionGroup总是将新项目添加到列表中,而不是旧项目逐渐淡出然后被新项目取代,所以我遇到的过渡是令人讨厌和丑陋的。有办法解决这个问题吗?

(NB:原则上,在500ms的延迟上将高度从零设置为最终高度,但是我对要设置动画的项目的高度没有很好的了解,并且AFAIK您无法从{ {1}}至0。)

0 个答案:

没有答案