CSSTransition用法

import {CSSTransition} from 'react-transition-group'

rener (){

let show=false;

const toggleShow=()=>{

  show=!show

}

return(

   <div>

        <CSSTransition

              in={show} //in：入场，out出场

              timeout={1000} //动画执行时间

              classNames="fade" //自定义classname

              onEntered={el=>{ //动画入场后的回调

                          el.style.color="blue"

              }}

           >

           <div>Hello</div>

         </CSSTransition>

         <button onClick={()=>toggleShow()}}>toggle</button>

 

   </div>

)

}