rc-queue-anim@1.8.5

Queue animation component for react

/* eslint-disable no-console,react/no-multi-comp */
import QueueAnim from 'rc-queue-anim';
import React from 'react';
import ReactDom from 'react-dom';

ReactDom.render(<QueueAnim>
  <div key="1">依次进入</div>
  <div key="2">依次进入</div>
  <div key="3">依次进入</div>
  <div key="4">依次进入</div>
  <div key="5">依次进入</div>
  <QueueAnim key="6" style={{ backgroundColor: 'red' }} delay={1000}>
    <div key="7">依次进入</div>
    <div key="8">依次进入</div>
    <div key="9">依次进入</div>
    <QueueAnim key="10" style={{ backgroundColor: 'yellow' }}>
      <div key="11">依次进入</div>
      <div key="12">依次进入</div>
      <div key="13">依次进入</div>
    </QueueAnim>
  </QueueAnim>
</QueueAnim>, document.getElementById('__react-content'));
Fork me on GitHub