如何使用React动画以不同方式为每个项目制作动画?

时间:2016-11-18 02:58:08

标签: javascript animation reactjs react-router react-animated

我有一堆项目将一次显示1个,并且mount / unmount将在它自己和下一个项目之间进行动画处理。但我希望他们都以不同的方式制作动画。

这可以使用ReactCSSTransitionGroup吗?从代码看来,它不是,并且每组只允许一个动画定义:

    <ReactCSSTransitionGroup
      transitionName="example"
      transitionEnterTimeout={500}
      transitionLeaveTimeout={300}>
      {items}
    </ReactCSSTransitionGroup>

ReactTransitionGroup怎么样?看来这可行。这是我唯一的选择吗?

  

ReactTransitionGroup是动画的基础。孩子的时候   声明性地添加或删除它特殊的生命周期钩子   拜访了他们。

我是否正确阅读,每个孩子都会被告知“你要离开”或“你正在进入”,然后它会自己做动画(CSS动画或jQuery等)?

有没有更好的方法(组内不同的动画)?

0 个答案:

没有答案