日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
React中ref回調(diào)函數(shù)實(shí)現(xiàn)的方式有哪些

本文小編為大家詳細(xì)介紹“React中ref回調(diào)函數(shù)實(shí)現(xiàn)的方式有哪些”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“React中ref回調(diào)函數(shù)實(shí)現(xiàn)的方式有哪些”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識(shí)吧。

你所需要的網(wǎng)站建設(shè)服務(wù),我們均能行業(yè)靠前的水平為你提供.標(biāo)準(zhǔn)是產(chǎn)品質(zhì)量的保證,主要從事做網(wǎng)站、成都做網(wǎng)站、企業(yè)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站制作設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)頁制作、做網(wǎng)站、建網(wǎng)站。創(chuàng)新互聯(lián)公司擁有實(shí)力堅(jiān)強(qiáng)的技術(shù)研發(fā)團(tuán)隊(duì)及素養(yǎng)的視覺設(shè)計(jì)專才。

ES6回調(diào)函數(shù)

這里我們使用ES6回調(diào)函數(shù)實(shí)現(xiàn)獲取焦點(diǎn)

var MyComponent = React.createClass({
    handleClick: function() {
        // Explicitly focus the text input using the raw DOM API.
        if (this.myTextInput !== null) {
            this.myTextInput.focus();
        }
    },
    render: function() {
      return (
           


                this.myTextInput = ref } />
                                    type="button"
                    value="Focus the text input"
                    onClick={this.handleClick}
                    />
           

        );
    }
});

CommonJs回調(diào)函數(shù)實(shí)現(xiàn)

var MyComponent = React.createClass({
    handleClick: function() {
        // Explicitly focus the text input using the raw DOM API.
        if (this.myTextInput !== null) {
            this.myTextInput.focus();
        }
    },
    render: function() {
      return (
           


                
                                    type="button"
                    value="Focus the text input"
                    onClick={this.handleClick}
                    />
           

        );
    }
});

注意:在上面代碼中,使用的是CommonJs語法,回調(diào)函數(shù)function(){}后面有.bind(this)。這是需要注意的地方,綁定this,使function內(nèi)的this對(duì)象是該組件。如果不綁定this,那么在handleClick中的this.myTextInput將會(huì)報(bào)未定義的錯(cuò)誤。這是需要注意的地方,在ES6中就不存在這個(gè)問題。

讀到這里,這篇“React中ref回調(diào)函數(shù)實(shí)現(xiàn)的方式有哪些”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


文章名稱:React中ref回調(diào)函數(shù)實(shí)現(xiàn)的方式有哪些
當(dāng)前網(wǎng)址:http://www.dlmjj.cn/article/gehdcp.html