Javascript 装载和卸载时的转换

Javascript 装载和卸载时的转换,javascript,css,reactjs,css-transitions,transition,Javascript,Css,Reactjs,Css Transitions,Transition,基本上我想做smth,比如: visible ? <Fade> <SomeComponent/> </Fade> : undefined 可见吗? :未定义 所以我现在只想传输单个元素,不想从父组件管理淡入淡出的状态 我只想淡入淡出被触发时,装载和卸载。 执行此操作的最佳方法是什么?这取决于具体情况,但您可以在带有关键帧的css中执行此操作 例: 然后像这样使用它: animation: myAnimation 5s; 是的,但

基本上我想做smth,比如:

visible ?
<Fade>
   <SomeComponent/>
</Fade> 
: undefined
可见吗?
:未定义
所以我现在只想传输单个元素,不想从父组件管理淡入淡出的状态

我只想淡入淡出被触发时,装载和卸载。
执行此操作的最佳方法是什么?

这取决于具体情况,但您可以在带有关键帧的css中执行此操作

例:

然后像这样使用它:

 animation:         myAnimation 5s;

是的,但那只是一个静态动画。如果我在淡出之前卸下它,那么我不会看到任何淡出。基本上,当我卸载一个组件时,在卸载之前,我想触发一个动画,等待它,然后卸载。我应该只做一个HOC吗?或者,在这种情况下,这是一种不好的做法吗?这将取决于它的上下文。在这种情况下,你可能会为一件“小事”付出很大的努力
 animation:         myAnimation 5s;