如何在渲染上为React组件设置动画？

Question

我试图动画一个包含从其他地方获取的数据的React组件.把它放在ReactCSSTransitionGroup工作正常.也就是说,直到我改变组件的render()方法返回,false直到获取数据为止(以防止它在没有数据的情况下呈现).

现在,我想组件是立即挂载的,此时添加了动画类,但之后只进行了渲染.这个想法是否正确？render返回实际组件时,如何让组件动画化？

Answer 1

每当组件被添加和删除时,ReactCSSTransitionGroup都会激活props.children.由于组件是在获取数据之前安装的,因此在获取数据后不会发生任何事情(即使组件的render()方法返回false,我认为这也是正确的.如果这是错误的,请在评论中告诉我)

这是一个解决方案

只是不要安装组件(在解决方案中,它是一个<div key="1">标签),直到react类接收数据.使用父组件上的组件状态来跟踪异步请求的状态.