React 动画效果
参考https://reactcommunity.org/react-transition-group/css-transition
使用react-transition-group
安装:react-transition-group
npm install react-transition-group --save
在页面引入
import { CSSTransition } from 'react-transition-group';
要给那个元素添加动画,就给那个元素外面加上:
in={} 这个值如果为true
<CSSTransition
in={this.state.isShow}
timeout={300}
classNames="alert"
unmountOnExit
>
<h3>Hello word</h3>
</CSSTransition>