第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

react 如何銷毀組件,并觸發(fā)銷毀事件?

react 如何銷毀組件,并觸發(fā)銷毀事件?

收到一只叮咚 2018-08-02 10:09:23
react 如何銷毀組件并觸發(fā)離場事件?比如以下代碼。javascript :const ComBox = () => {    const HideAni = () =>{        //這里如何觸發(fā)銷毀????     }    return (        <div>             <div onClick={()=> HideAni()}>銷毀按鈕</div>             <ReactCSSTransitionGroup                  transitionName="example"                 transitionLeaveTimeout={300}             >                 <p>我是要銷毀的內(nèi)容</p>             </ReactCSSTransitionGroup>             {box}        </div>     ) }CSS :.example-leave {    opacity: 1; }.example-leave.example-leave-active {    opacity: 0.01;    transition: opacity 300ms ease-in; }當(dāng)我點(diǎn)擊 銷毀按鈕 的時(shí)候,如何才能銷毀下面的內(nèi)容,并觸發(fā)離場動(dòng)畫?
查看完整描述

1 回答

?
慕虎7371278

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

只要你把數(shù)據(jù)清除了,自然就會(huì)觸發(fā)動(dòng)畫了.記住一點(diǎn),我們只要操作數(shù)據(jù)就好,React會(huì)幫我們更新UI.

class ComBox extends Component {

    state = {

        content: 'ghgsdfs'

    }


    HideAni = () => {

        this.setState({content: ''})

    }


    render() {

        return (

            <div>

                <button onClick={()=> this.HideAni()}>銷毀按鈕</button>


                <ReactCSSTransitionGroup

                    transitionName="example"

                    transitionEnterTimeout={500}

                    transitionLeaveTimeout={300}

                >

                    {this.state.content ? <p>{this.state.content}</p> : ''}

                </ReactCSSTransitionGroup>

            </div>

        )

    }

}


查看完整回答
反對 回復(fù) 2018-09-22
  • 1 回答
  • 0 關(guān)注
  • 8206 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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