react-gsap补间不适用于组件

Question

我使用“补间反应”在我的应用程序中创建了一些很酷的动画。 我想为所有组件设置动画，但这是行不通的。即使render方法仅返回一个标记。

但是，如果我尝试直接渲染一个（没有组件），它就可以工作。

<div className="categories-wrapper">
  { categoriesDidLoad && categories.length > 0 ?
    <Tween
       staggerTo={ {x: "100px", rotation: -180} }
       stagger={0.5}
       duration={2}
       position="+=0"
     >

     // this doesn't work even if i only return a <h1> in the Categorys render method
     { categories.map( (category, index) => <Category key={ category.id } category={ category } /> ) }

     // this works perfect
     { categories.map( (category, index) => <h1>test</h1> ) }

      </Tween>

      : null
  }
</div>

我没有收到任何错误或消息，动画只是无法播放。