国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

react開(kāi)發(fā)教程（六）React與DOM

call_me_R / 3211人閱讀

摘要：當(dāng)組件裝載完畢時(shí)，就會(huì)被調(diào)用。它可以是一個(gè)回調(diào)函數(shù)，這個(gè)回調(diào)函數(shù)會(huì)在組件被掛載后立即執(zhí)行。也可以是一個(gè)字符串吧放到原生的組件中，我們可以通過(guò)獲取到節(jié)點(diǎn)而如果吧放到組件上獲取到的就是組件的實(shí)例上一篇開(kāi)發(fā)教程五生命周期下一篇開(kāi)發(fā)教程七事件系統(tǒng)

ReactDOM 
findeDOMNode

語(yǔ)法：DOMElement findDOMNode(ReactComponent component)
描述：獲取改組件實(shí)例相對(duì)應(yīng)的DOM節(jié)點(diǎn) 案例：


import React, { Component } from "react";
import ReactDOM from "react-dom";

class App extends Component {
    componentDidMount() {
        const dom = ReactDOM.findDOMNode(this)
    }
    
    render() {}
}


render

語(yǔ)法：


ReactComponent render(
    ReactElement element,
    DOMElement container,
    [function callback]
)


描述：改方法吧元素掛載到container中，并且返回element的實(shí)例（即refs的引用）。當(dāng)組件裝載完畢時(shí)，callback就會(huì)被調(diào)用。


import React, { Component } from "react";
import ReactDOM from "react-dom";

class App extends Component {
    componentDidMount() {
        const dom = ReactDOM.findDOMNode(this)
    }
    
    render() {}
}


unstable_renderSubtreeIntoContainer

語(yǔ)法：


ReactComponent unstable_renderSubtreeIntoContainer(
      parentComponent component,
    ReactElement element,
    DOMElement container,
    [function callback]
)


描述：更新組件到傳入的DOM節(jié)點(diǎn)上，可以使用它完成在組件內(nèi)部實(shí)現(xiàn)跨組件的DOM操作


import React, { Component } from "react";
import ReactDOM from "react-dom";

class App extends Component {
    componentDidMount() {
        const dom = ReactDOM.findDOMNode(this)
    }
    
    render() {}
}
refs

它是react組件中非常特殊的prop，可以附加到任何一個(gè)組件上，組件調(diào)用是會(huì)新建一個(gè)該組件的實(shí)例，而refs就會(huì)指向這個(gè)實(shí)例。
它可以是一個(gè)回調(diào)函數(shù)，這個(gè)回調(diào)函數(shù)會(huì)在組件被掛載后立即執(zhí)行。

this.textInput = ref} />

也可以是一個(gè)字符串

吧refs放到原生的DOM組件中，我們可以通過(guò)refs獲取到DOM節(jié)點(diǎn)；而如果吧refs放到React組件上獲取到的就是組件的實(shí)例

上一篇：react開(kāi)發(fā)教程（五）生命周期

下一篇：react開(kāi)發(fā)教程（七）React事件系統(tǒng)

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

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

相關(guān)文章

  • react開(kāi)發(fā)教程（七）React事件系統(tǒng)

    摘要：按鈕中使用原生事件中提供了很好的合成事件系統(tǒng)，但有時(shí)候也需要用到原生事件。而使用合成事件系統(tǒng)時(shí)則不需要，因?yàn)閮?nèi)部以及處理了。事件類(lèi)型鍵盤(pán)事件焦點(diǎn)事件表單事件鼠標(biāo)事件選擇事件觸摸事件事件動(dòng)畫(huà)事件圖像事件媒體事件剪貼板事件上一篇開(kāi)發(fā)教程六與 事件系統(tǒng) Virtual DOM在內(nèi)存中是以對(duì)象的形式存在的，如果想要在這些對(duì)象上添加事件的話(huà)，React是基于Virtual DOM實(shí)現(xiàn)了一個(gè)合成事...

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

  • react開(kāi)發(fā)教程（五）生命周期

    摘要：在組件的整個(gè)生命周期中，隨著該組件的或者發(fā)生改變，其表現(xiàn)也會(huì)有相應(yīng)的變化。一個(gè)組件的生命周期分為三個(gè)部分實(shí)例化存在期和銷(xiāo)毀時(shí)。該方法會(huì)創(chuàng)建一個(gè)虛擬，用來(lái)表示組件的輸出。渲染組件上一篇開(kāi)發(fā)教程四數(shù)據(jù)流下一篇開(kāi)發(fā)教程六與 在組件的整個(gè)生命周期中，隨著該組件的props或者state發(fā)生改變，其DOM表現(xiàn)也會(huì)有相應(yīng)的變化。一個(gè)組件就是一個(gè)狀態(tài)機(jī)，對(duì)于特定地輸入，它總返回一致的輸出。 一個(gè)Re...

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

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

0條評(píng)論

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