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

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

為什么和何時(shí)我們需要綁定函數(shù)和事件處理程序的反應(yīng)?

為什么和何時(shí)我們需要綁定函數(shù)和事件處理程序的反應(yīng)?

暮色呼如 2019-07-20 14:47:12
為什么和何時(shí)我們需要綁定函數(shù)和事件處理程序的反應(yīng)?class SomeClass extends Component{   someEventHandler(event){   }   render(){     return <input onChange={------here------}>   }}我看到不同版本的------here------部分。// 1return <input onChange={this.someEventHandler.bind(this)}>// 2return <input onChange={(event) => { this.someEventHandler(event) }>// 3return <input onChange={this.someEventHandler}>版本有什么不同?還是只是偏好的問題?謝謝大家的回答和評論。所有這些都是有幫助的,我強(qiáng)烈建議閱讀這個(gè)鏈接。第一如果你和我一樣對此感到困惑的話。http:/blog.andreurey.me/React-ES6-autobinding-andcreateclass/
查看完整描述

2 回答

?
墨色風(fēng)雨

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

綁定不是特定的反應(yīng),而是如何反應(yīng)。this在Javascript工作。每個(gè)函數(shù)/塊都有它自己的上下文,對于函數(shù)來說,它更具體的是如何調(diào)用它。反應(yīng)小組決定this不綁定類上的自定義方法(也不是類的內(nèi)置方法,如componentDidMount)時(shí),添加ES6支持(類語法)。

當(dāng)您應(yīng)該綁定上下文時(shí),取決于函數(shù)的用途,如果您需要訪問類中的道具、狀態(tài)或其他成員,則需要綁定它。

對于您的示例,每一個(gè)都是不同的,這取決于您的組件是如何設(shè)置的。

第一.bind(this)用于將此上下文綁定到組件函數(shù)。如果您不想綁定該函數(shù)的每次使用(如在單擊處理程序中),則可以通過以下任一方法預(yù)綁定該函數(shù)。

在構(gòu)造函數(shù)中做綁定。阿卡

class SomeClass extends Component{
    constructor(){
        super();
        this.someEventHandler = this.someEventHandler.bind(this);
    }
    someEventHandler(event){
    }
    ....}

或者B.使您的自定義函數(shù)在類FAT箭頭函數(shù)上。阿卡

class SomeClass extends Component{
    someEventHandler = (event) => {
    }
    ....}

所有這些都涉及到這個(gè)上下文綁定。

第二onChange={(event) => { this.someEventHandler(event) }是用內(nèi)聯(lián)lambda(FAT箭頭)函數(shù)包裝組件處理程序函數(shù),該函數(shù)可以提供一些附加功能。假設(shè)您想要向您的函數(shù)發(fā)送額外的Param,這是實(shí)現(xiàn)該功能的一種方法。

<input onChange={(event) => { this.someEventHandler(event, 'username') }>

如果需要,這將是向處理程序函數(shù)傳遞附加參數(shù)的一種方法。

第三..您只是將函數(shù)作為回調(diào)函數(shù)傳遞,以便在發(fā)生單擊事件時(shí)觸發(fā),而不需要附加參數(shù)。

總結(jié)一下。這三個(gè)示例都與將處理程序函數(shù)傳遞給單擊事件有關(guān)。然而,有不同的東西,你可以添加到這一點(diǎn)。第一個(gè)是關(guān)于你的this背景。第二個(gè)問題是如何將參數(shù)傳遞給處理程序函數(shù)。


查看完整回答
反對 回復(fù) 2019-07-20
  • 2 回答
  • 0 關(guān)注
  • 796 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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