如何使用AntDesign的QueueAnim组件

要使用AntDesign的QueueAnim组件，首先需要确保你已经安装了AntDesign的React组件库。然后按照以下步骤来使用QueueAnim组件：

1. 导入QueueAnim组件：

import QueueAnim from 'rc-queue-anim';

2. 在你的React组件中使用QueueAnim组件：

<QueueAnim>
  <div key="1">Item 1</div>
  <div key="2">Item 2</div>
  <div key="3">Item 3</div>
</QueueAnim>

在上面的代码中，我们将三个div元素包裹在QueueAnim组件中，并为每个div元素指定了一个唯一的key属性。

3. 配置QueueAnim组件的动画效果和参数：

你可以通过传递props属性来配置QueueAnim组件的动画效果和参数，例如：

<QueueAnim duration={1000} type={['right', 'left']} delay={100}>
  <div key="1">Item 1</div>
  <div key="2">Item 2</div>
  <div key="3">Item 3</div>
</QueueAnim>

在上面的代码中，我们指定了动画的持续时间为1000毫秒，动画效果为从右到左，延迟100毫秒开始。

4. 根据需要添加其他动画效果和参数：

你还可以根据需要添加其他动画效果和参数，例如设置动画的缓动函数、回调函数等。

通过以上步骤，你就可以成功使用AntDesign的QueueAnim组件来为你的React应用添加动画效果了。