react动画版本库性能稳定 完善的api

react-transition-group   基本动画库,

import { CSSTransition } from 'react-transition-group'
render() { 
    return ( 
        <div>
            <CSSTransition 
                in={this.state.isShow}   //用于判断是否出现的状态
                timeout={2000}           //动画持续时间
                classNames="boss-text"   //className值,防止重复
            >
                <div>BOSS级人物-孙悟空</div>
            </CSSTransition>
            <div><button onClick={this.toToggole}>召唤Boss</button></div>
        </div>
        );
}
 
posted @ 2019-08-19 17:10  红苹果学园  阅读(172)  评论(0编辑  收藏  举报