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ù)。
【社區(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ù)。