首頁(yè) 猿問(wèn) react如何實(shí)現(xiàn)點(diǎn)擊暫停/繼續(xù)動(dòng)畫(huà)?

react如何實(shí)現(xiàn)點(diǎn)擊暫停/繼續(xù)動(dòng)畫(huà)?

React.JS

動(dòng)漫人物 2018-08-06 00:11:52

用css動(dòng)起來(lái)很簡(jiǎn)單，不知道在react怎么控制暫停和繼續(xù)，有沒(méi)有簡(jiǎn)單些的方法，只用得到一個(gè)動(dòng)畫(huà)而已。

查看完整描述

2 回答

喵喔喔

TA貢獻(xiàn)1735條經(jīng)驗(yàn) 獲得超5個(gè)贊

在 jsx 中利用 state 控制 css

<div className={this.state.paused ? 'blocked-circle':'circle'}></div>

同時(shí)，在 css 中增加一個(gè) blocked-circle 類

反對(duì) 回復(fù) 2018-08-29

吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

反對(duì) 回復(fù) 2018-08-29

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)