关于css3渐入渐出动画在react中设置元素为null后,动画失效的问题怎么解决?

clipboard.png

当 设置 children 为 null 时候 ,想淡出, 用的是 opacity
当元素显示的时候, opacity 变为 1,当元素为null的时候 将 opacity 变为 0, 但是 元素都为 null 了,动画也就没用了,所以 我在 componentWillReceiveProps里做了个判断,当 children = null 的时候 ,我给个状态 让它 变为 opacity = 0,而不是 去替换 children。但是这样 元素 实质上是没消失的, 怎么能 让元素 消失,变为 null,并且 还要有 变透明的效果呢?

阅读 3.4k
2 个回答

监听动画结束事件,opacity: 0 动画结束之后再变为 null ?

推荐问题
宣传栏