Случай с обнаженным костяком группы ответ-переходов для модального режима, который не работает (коды и коробка), почему?

Question

Просто хочу сделать быструю модальную всплывающую анимацию с react-transition-group

текущее поведение: https://codesandbox.io/s/525zj4vwrk

ожидаемый результат: https://codesandbox.io/s/7m9721y03x

Аналогичный код, но почему-то первый не работает?

Answer 1

Просто отсутствует свойство unmountOnExit .

<CSSTransition in={show} timeout={300} classNames="alert" unmountOnExit>

Рабочий пример (если вам не нравится нажатие кнопки под "модальным" при исчезновении, то, как и в другом примере, используйте два набора state с onEnter и onExited свойства):