在使用react過程中，大家有時會
那么這里的findDomNode是做什么的呢？

import?{ findDomNode } from?‘react-dom’;

簡單來說是用來得到實(shí)際Dom的，因?yàn)閞eact組件有個特點(diǎn)，它有自定義組件，比如這種，用ref來獲取這種組件獲取到的這是組件定義的對象的實(shí)例，見下面代碼

getNodeInstance() {

const nodeInstance =?this.refs.navBox;

}

function?WapShop() {

return?(

);

}

這里的nodeInstance就是一個NavBox的實(shí)例，但是如果這樣：　　此時initailNode會得到NavBox組件中render方法返回的dom元素。

let?initialNode? =? findDomNode(this.refs.navBox);
reactJs對DOM的操作

使用選擇器

var Btn = document.getElementById(‘btn’)
ReactDom.findDOMNode(Btn).style.color = ‘red’
2. 使用ref

在標(biāo)簽內(nèi)使用ref=‘btn’

this.refs.btn.style.color = ‘red’
Refs 是訪問到組件內(nèi)部DOM節(jié)點(diǎn)唯一可靠的方法?
注意：不要在render或render之前對Refs進(jìn)行調(diào)用
————————————————
版權(quán)聲明：本文為CSDN博主「潛行的Q」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/margin_0px/article/details/81331159

總結(jié)

以上是生活随笔為你收集整理的react中findDomNode的作用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。