React項目中添加動畫 animate.css + React

import "animate.css";

import ReactCSSTransitionGroup from "react-addons-css-transition-group";

 

<ReactCSSTransitionGroup

                    transitionEnter={true}

                    transitionLeave={true}

                    transitionEnterTimeout={2500}

                    transitionLeaveTimeout={1500}

                    transitionName="animated"

                  >

                    <div id="menu1Child" key="amache" className={`animated fadeInDown ${this.state.menu1 === true ? styles.menu1Child : styles.hidden}`}>