React TransitionGroup не работает на начальном рендере - PullRequest
Новая
       31

React TransitionGroup не работает на начальном рендере

0 голосов
/ 15 октября 2018

Я пытаюсь создать сопоставленный массив, каждый элемент которого будет отображаться один за другим.

Только 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>

С этим кодом переход даже не начинается.

...