Javascript 反应：使用Animated.css不显示动画

我有一个隐藏/显示内容的切换示例

我使用了，它在显示内容时工作得很好，这意味着在显示内容后，动画正在播放

现在，我按下切换按钮，内容立即消失，没有动画

我在控制台中进行了检查，animationOut的类正在工作，但似乎内容在动画播放之前就关闭了，所以它是隐藏的

如何解决这个问题

工作守则：

import React，{Component}来自“React”；
从“/content.js”导入ContentComponent；
从“react Animated css”导入{Animated}；
导出默认类toggleComponent扩展React.Component{
构造函数（）{
超级（）；
此.state={
isShowBody:错
};
}
handleClick=事件=>{
this.setState（{isShowBody:！this.state.isShowBody}）；
};
复选框=（）=>{
返回(
);
};
render（）{
返回(
{this.checkbox（）}
{this.state.isShowBody&&}
);
}
}

已解决。我需要在

中删除

此.state.isShowBody

，因此可见性的条件是controller by

isVisible

<Animated
          animationIn="bounceInLeft"
          animationOut="fadeOut"
          isVisible={this.state.isShowBody}
        >
          <div>{<ContentComponent />}</div>
        </Animated>

{}

<Animated
          animationIn="bounceInLeft"
          animationOut="fadeOut"
          isVisible={this.state.isShowBody}
        >
          <div>{<ContentComponent />}</div>
        </Animated>