超級直觀的介紹React中回調 Refs

clipboard.png

ref={(sth)=>this.lala=sth}
爲了跟你們說明在回調函數裏面的變量都不是固定,因此我用了比較隨意的字母~!!!!
這段代碼的意思是,將整個input標籤用sth表明而後將這個sth交給this.lala代理 ,之後當咱們要操做這個input標籤時就能夠是同this.lala指代,例如咱們要改變這個標籤裏的value值咱們能夠使用this.lala.value = "我是經過ref賦值的"函數

咱們再舉一個例子:當咱們點擊div標籤的時候就會觸發事件而後執行changeval方法,也就會改變input的value值         
<div onClick={this.changeval}>hello everyone</div>
changeval = ()=>{
    this.lala.value = "我是經過ref賦值的"
}

效果以下
沒有點擊前
clipboard.pngthis

點擊後
clipboard.pngspa

相關文章
相關標籤/搜索