Переход в горы и размонтирование

Question

В основном я хочу сделать что-то вроде:

visible ?
<Fade>
   <SomeComponent/>
</Fade> 
: undefined

Итак, я хочу сейчас пройти один элемент и не очень хочу управлять состоянием Fade из родительского компонента.

Я просто хочу, чтобы Fade запускался при монтировании и отключении. Каков наилучший способ сделать это?

Answer 1

Это зависит, но вы можете сделать это в CSS с ключевыми кадрами

например:

@keyframes myAnimation {
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100%   { opacity: 0; }
}

Тогда используйте это как:

 animation:         myAnimation 5s;