React TransitionGroup在初始渲染上不起作用

Question

我正在尝试制作一个映射数组，其中每个元素都会一个接一个地出现。

仅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>

使用此代码，转换甚至不会开始。