React為動(dòng)畫提供了一個(gè)附加組件ReactTransitionGroup,這個(gè)附加組件是動(dòng)畫的底層API,并且還提供了一個(gè)附件組件ReactCSSTransitionGroup,ReactCSSTransitionGroup能夠簡單的實(shí)現(xiàn)基于css的動(dòng)畫和轉(zhuǎn)換
高級(jí)API ReactCSSTransitionGroup
ReactCSSTransitionGroup是一個(gè)基于ReactTransitionGroup的API,當(dāng)一個(gè)React組件插入或者移除DOM時(shí),它是一種簡單的去執(zhí)行css轉(zhuǎn)換和動(dòng)畫的方法
以一個(gè)demo舉例
ReactCSSTransitionGroup是ReactTransitions的接口,可以把它當(dāng)做一個(gè)簡單的元素,它包裹著所有想添加動(dòng)畫效果的React組件。下面有一個(gè)例子:
var ReactCSSTransitionGroup = require('react-addons-css-transition-group'); var React = require('react'); var ReactDOM = require('react-dom'); var data = ['one','two','three']; var Control =