react 过渡动画

yarn add react-transition-group

CSSTransition

单个组件切换显示隐藏使用

SwitchTransition

两个组件之间切换的炫酷动画

TransitionGroup

列表使用

 <TransitionGroup>
      {
       list.length > 0 && list.map(item => {
       return <CSSTransition
             key={item.id}
              classNames="friend"
              timeout={300}
              ><Children deleteOne={deleteOne} item={item}>
               </Children></CSSTransition>
           })
}
 </TransitionGroup>

注意点 ：TransitionGroup，CSSTransition必须相邻，CSSTransition只对其下的第一个起作用