成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

超級(jí)直觀的介紹React中回調(diào) Refs

afishhhhh / 3174人閱讀

摘要：為了跟大家說(shuō)明在回調(diào)函數(shù)里面的變量都不是固定，所以我用了比較隨意的字母這段代碼的意思是，將整個(gè)標(biāo)簽用代表然后將這個(gè)交給代理，以后當(dāng)我們要操作這個(gè)標(biāo)簽時(shí)就可以是同指代，例如我們要改變這個(gè)標(biāo)簽里的值我們可以使用我是通過(guò)賦值的我們?cè)倥e一個(gè)例子當(dāng)我

ref={(sth)=>this.lala=sth}
為了跟大家說(shuō)明在回調(diào)函數(shù)里面的變量都不是固定，所以我用了比較隨意的字母~！?。?！
這段代碼的意思是，將整個(gè)input標(biāo)簽用sth代表然后將這個(gè)sth交給this.lala代理 ，以后當(dāng)我們要操作這個(gè)input標(biāo)簽時(shí)就可以是同this.lala指代，例如我們要改變這個(gè)標(biāo)簽里的value值我們可以使用this.lala.value = "我是通過(guò)ref賦值的"

我們?cè)倥e一個(gè)例子：當(dāng)我們點(diǎn)擊div標(biāo)簽的時(shí)候就會(huì)觸發(fā)事件然后執(zhí)行changeval方法，也就會(huì)改變input的value值         

hello everyone

changeval = ()=>{
    this.lala.value = "我是通過(guò)ref賦值的"
}

效果如下
沒(méi)有點(diǎn)擊前

點(diǎn)擊后

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108621.html

相關(guān)文章

  • React學(xué)習(xí)之初入React世界

    摘要：語(yǔ)法將語(yǔ)法直接加入到代碼中，再通過(guò)翻譯器裝換到純后由瀏覽器執(zhí)行。事實(shí)上，并不需要花精力學(xué)習(xí)。可以說(shuō)，基本語(yǔ)法基本被囊括了，但也有少許不同。明確的數(shù)據(jù)流動(dòng)。這條原則讓組件之間的關(guān)系變得簡(jiǎn)單且可預(yù)測(cè)。使用獲取和顯示回調(diào)。 JSX語(yǔ)法 JSX將HTML語(yǔ)法直接加入到JavaScript代碼中，再通過(guò)翻譯器裝換到純JavaScript后由瀏覽器執(zhí)行。在實(shí)際開(kāi)發(fā)中，JSX在產(chǎn)品打包階段都已經(jīng)編...

    cjie 評(píng)論0 收藏0

  • 如何在 React 組件中正確使用 Refs的指南

    摘要：通常在組件的構(gòu)造函數(shù)內(nèi)創(chuàng)建，使其在整個(gè)組件中可用。例如純文本查看復(fù)制代碼如上所示一個(gè)實(shí)例在構(gòu)造函數(shù)中創(chuàng)建，并賦值給在方法內(nèi)部，將構(gòu)造函數(shù)中創(chuàng)建的傳遞給接下來(lái)，讓我們看一個(gè)在組件中使用的示例。回調(diào)回調(diào)是在中使用的另一種方式。 使用 React 時(shí)，我們的默認(rèn)思維方式應(yīng)該是 不會(huì)強(qiáng)制修改 DOM ，而是通過(guò)傳入 props 重新渲染組件。但是，有些情況卻無(wú)法避免修改 DOM 。React ...

    Backache 評(píng)論0 收藏0

  • React系列 --- Jsx, 合成事件與Refs(二)

    摘要：系列系列簡(jiǎn)單模擬語(yǔ)法一系列合成事件與二系列算法實(shí)現(xiàn)分析三系列從到再到四系列與部分源碼解析五系列從使用了解的各種使用方案六的誕生他是的一種擴(kuò)展語(yǔ)法。這個(gè)函數(shù)接受組件的實(shí)例或元素作為參數(shù)，以存儲(chǔ)它們并使它們能被其他地方訪問(wèn)。 React系列 React系列 --- 簡(jiǎn)單模擬語(yǔ)法(一)React系列 --- Jsx, 合成事件與Refs(二)React系列 --- virtualdom di...

    LiuZh 評(píng)論0 收藏0

  • React組件編寫(xiě)思路（一）

    摘要：受控組件例假設(shè)有一個(gè)方法非受控組件例接下來(lái)我們來(lái)看下如果編寫(xiě)這兩種組件，打個(gè)比方我們要自定義一個(gè)組件。于是修改后的代碼如下確定使用這個(gè)組件的代碼以上就是兩種組件的編寫(xiě)思路，你可以選擇把你的組件編寫(xiě)成任意一種，那么使用者使用時(shí)也會(huì)有所不同。 新手寫(xiě) React 組件往往無(wú)從入手，怎么寫(xiě)，什么時(shí)候用 props，什么時(shí)候用 state 摸不著頭腦。其實(shí)是沒(méi)有了解到 React 的一些思想。...

    CollinPeng 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<