Юран

Какого закрытия?

Модалки например

Можно

Только у какого класса тогда transition указать, у того где опасити 0?

Да

Короче я сделал эту хуйню, в Parent

<TransitionGroup>
     {isOpened && (
          <CSSTransition timeout={{ enter: 800, exit: 500 }} classNames="item">
             <Box isVisible={isOpened}>
                 {product.map(([key, value]) => (
                   <ListItem key={key} title={key} value={value} />
                 ))}
               </Box>
             </CSSTransition>
           )}
           </TransitionGroup>

И эти стили для анимаций перетащил в глобальный цсс файл, чтобы были доступны по всему проекту


.item-enter {
 opacity: 0;
}

.item-enter-active {
 opacity: 1;
 transition: opacity 500ms ease-in;
}

.item-exit {
 opacity: 1;
}

.item-exit-active {
 opacity: 0;
 transition: opacity 500ms ease-in;
}

Зачем нужен 1 и 3 классы?

Я думаю тут хватило бы и двух

.item-enter ставит свойство когда элемент появился в доме,
.item-enter-active целевые значения анимации после появление
.item-exit ставит стили перед анмаунтом
.item-exit-active целевые свойства стилей перед уничтожением компонента из дома

Ладно может я не понимаю чего-то

Просто запусти в песочнице и посмотри как работает, в доке есть ссылка на кодсандбокс

есть сейчас кто то онлайн , кто с гитхабом дружит ? а то я по этим всем мануалам еще три дня буду искать решение вопроса

А в чем вопрос то состоит собственно?

Ярик

Ты щас что-то пишешь?

Это я

Конкретно в данный момент нет, лежу откисаю под таблой от головы