我有一堆项目将一次显示1个,并且mount / unmount将在它自己和下一个项目之间进行动画处理。但我希望他们都以不同的方式制作动画。
这可以使用ReactCSSTransitionGroup
吗?从代码看来,它不是,并且每组只允许一个动画定义:
<ReactCSSTransitionGroup
transitionName="example"
transitionEnterTimeout={500}
transitionLeaveTimeout={300}>
{items}
</ReactCSSTransitionGroup>
ReactTransitionGroup
怎么样?看来这可行。这是我唯一的选择吗?
ReactTransitionGroup是动画的基础。孩子的时候 声明性地添加或删除它特殊的生命周期钩子 拜访了他们。
我是否正确阅读,每个孩子都会被告知“你要离开”或“你正在进入”,然后它会自己做动画(CSS动画或jQuery等)?
有没有更好的方法(组内不同的动画)?