react 动态渲染内容的动画问题

Question

react 在进行条件渲染的时候使用的是:

{
    this.state.show ? <View/> : null
}

当触发条件的时候，才渲染内容，否则不渲染，不通过 display:none 控制。

这种时候，如果需要做过渡动画应该怎么实现？

尝试过程中，发现，DOM会直接显示，而跳过动画效果。### 问题描述

Answer 1

虽然没有写代码实现，我认为可以尝试用div再包装1层，然后把过渡动画放在这个div上：

<div className={ this.state.show ? "animate-wrap active down-in" : "animate-wrap"}>
    { this.state.show ? <View/> : null }
</div>