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

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

簡單來說是用來得到實際Dom的，因為react組件有個特點，它有自定義組件，比如這種，用ref來獲取這種組件獲取到的這是組件定義的對象的實例，見下面代碼

getNodeInstance() {

const nodeInstance =?this.refs.navBox;

}

function?WapShop() {

return?(

);

}

這里的nodeInstance就是一個NavBox的實例，但是如果這樣：　　此時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

在標簽內使用ref=‘btn’

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。