Я пытаюсь создать сопоставленный массив, каждый элемент которого будет отображаться один за другим.
Только CSSTransition работает, но при использовании его без TransitionGroup весь список исчезает одновременно, а записи постепенно исчезают одна за другой.
Мой код выглядит следующим образом, что должно бытьизменено?
<TransitionGroup className="services-list" in={300}>
{
services.map((service, i) => (
<CSSTransition
key={i}
timeout={2500}
classNames="fade"
>
<div key={i+1} className={(i!==6) ? "services-list-item" : ""}>
<div className="service-number">0{i+1}</div>
<div className="service-name">{service}</div>
</div>
</CSSTransition>
))
}
</TransitionGroup>
С этим кодом переход даже не начинается.