1. react中事件綁定的幾種方式
① render中用bind:<Button onClick={this.onHandle.bind(this)}></Button>
② constructor中用bind:this.onHandle = this.onHandle.bind(this);
③ render中用箭頭函數(shù):<Button onClick={() => { this.onHandle(); }}></Button>
④ 函數(shù)定義時(shí)就用箭頭函數(shù),直接綁定this實(shí)例:onHandle = () => {...}

對(duì)比:第1和3雖然寫法簡(jiǎn)單,但是每次渲染都會(huì)重新綁定、生成新的匿名函數(shù),有一定的性能開銷,而且作為props傳給子組件時(shí),因?yàn)槭切碌闹担€會(huì)導(dǎo)致子組件的重新渲染;第2種就是寫法麻煩,多寫代碼;綜合下來(lái),最常用的就是第4種了。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 可能是老了 最近nostalgia情緒比較多...hhh走到哪都覺(jué)得學(xué)校真好 露露說(shuō)我可能是在外面一年剛回來(lái) 不其...
    谷丘閱讀 296評(píng)論 0 0
  • 仰望黑夜,沒(méi)有星星的夜空也是純粹的美 正因?yàn)榱私獾绞澜绲亩嘣窬?,讓我更客觀的識(shí)別自己,更直觀的了解自己...
    酣眠初醒閱讀 102評(píng)論 0 1
  • 做了一件掛羊頭賣狗肉的事情。把阿君寫給我隨意唱22的歌詞,用《飛云之下》這首歌的伴奏唱出來(lái)。結(jié)果自我感覺(jué)莫名的搭配...
    管了了閱讀 289評(píng)論 2 2
  • 就現(xiàn)在來(lái)說(shuō),傾其所有的能力也只是蚍蜉撼樹 很討厭長(zhǎng)大,特別到了20歲左右的年紀(jì),個(gè)個(gè)事件的意義開始有了在潛...
    酣眠初醒閱讀 169評(píng)論 3 3
  • 夢(mèng)見在橋上,是我老家的橋。那個(gè)橋沒(méi)了,有個(gè)老太婆在對(duì)面。 一開始是我的自行車壞了,找了好幾家修理店都說(shuō)不能修,后面...
    穿著褲子的云閱讀 362評(píng)論 0 0

友情鏈接更多精彩內(nèi)容