Многоступенчатые переходы в реактивной пружине - PullRequest
Новая
       30

Многоступенчатые переходы в реактивной пружине

0 голосов
/ 22 сентября 2019

У меня есть реактивная пружина. Переход начинается, когда компонент монтируется.Я хочу, чтобы он ожидал 'x' секунд после завершения ввода, затем перевернул бы состояние показа, чтобы он мог начать уходить. 

<Transition
    items={show}
    from={{ ...styles, position: "absolute", opacity: 0 }}
    enter={{ opacity: 1 }}
    leave={{ opacity: 0 }}
  >
    {show => show && (props => <div style={props}>{content}</div>)}
</Transition>

1 Ответ

1 голос
/ 22 сентября 2019

Вы должны указать время ожидания для метода жизненного цикла componentDidMount.Таким образом, он показывает ваш контент, и через 1 секунду он исчезает и отключает его.Вам нужно что-то подобное?

1002

https://codesandbox.io/s/keen-almeida-5wlk7

...