react中的refs操作dom方法findeDOMNode

react中當(dāng)我們用了一個(gè)引用了一個(gè)子組件的時(shí)候,我們可能會(huì)需要知道這個(gè)組件的詳細(xì)信息這個(gè)時(shí)候我們就要用到react中的refs了

首先我們?cè)谧越M件上用ref=‘***’做一個(gè)標(biāo)記。這時(shí)候我們就可以通過(guò)this.refs獲取到組件的詳細(xì)信息了。得到的是一個(gè)對(duì)象,包括props,state等。

操作dom我們用react-dom中的findDOMNode()方法。

我們這樣用

1,import {render,findDOMNode} from "react-dom";

findDOMNode(this.refs.***)得到的就是一個(gè)node節(jié)點(diǎn),這個(gè)時(shí)候我們就可以用源生的一些方法來(lái)操作獲取一些信息了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 深入JSX date:20170412筆記原文其實(shí)JSX是React.createElement(componen...
    gaoer1938閱讀 8,175評(píng)論 2 35
  • 原教程內(nèi)容詳見(jiàn)精益 React 學(xué)習(xí)指南,這只是我在學(xué)習(xí)過(guò)程中的一些閱讀筆記,個(gè)人覺(jué)得該教程講解深入淺出,比目前大...
    leonaxiong閱讀 2,931評(píng)論 1 18
  • It's a common pattern in React to wrap a component in an ...
    jplyue閱讀 3,380評(píng)論 0 2
  • 現(xiàn)在最熱門(mén)的前端框架,毫無(wú)疑問(wèn)是 React 。上周,基于 React 的 React Native 發(fā)布,結(jié)果一...
    sakura_L閱讀 483評(píng)論 0 0
  • 終極大法 一條命令搞定 find ~/Library/Application\ Support/Developer...
    MonsterNanny閱讀 1,292評(píng)論 0 0

友情鏈接更多精彩內(nèi)容