React為動(dòng)畫(huà)提供了一個(gè)附加組件ReactTransitionGroup，這個(gè)附加組件是動(dòng)畫(huà)的底層API，并且還提供了一個(gè)附件組件ReactCSSTransitionGroup，ReactCSSTransitionGroup能夠簡(jiǎn)單的實(shí)現(xiàn)基于css的動(dòng)畫(huà)和轉(zhuǎn)換
高級(jí)API ReactCSSTransitionGroup
ReactCSSTransitionGroup是一個(gè)基于ReactTransitionGroup的API，當(dāng)一個(gè)React組件插入或者移除DOM時(shí)，它是一種簡(jiǎn)單的去執(zhí)行css轉(zhuǎn)換和動(dòng)畫(huà)的方法
以一個(gè)demo舉例
ReactCSSTransitionGroup是ReactTransitions的接口，可以把它當(dāng)做一個(gè)簡(jiǎn)單的元素，它包裹著所有想添加動(dòng)畫(huà)效果的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 =延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式