React获取DOM节点

React获取DOM节点

① 通过useRef函数定义一个可以存放DOM的容器

② 将容器通过标签的ref属性传递过去（框架拿到这个容器后，就会将当前DOM存放进去）

③ 通过 .current属性访问DOM

如：

import {useRef} from "react";function App() {//	1.定义DOM容器const helloRef = useRef()return (<div className="App">{/*	2.将容器通过ref属性传给标签	*/}<div className='hello' ref={helloRef}>hello</div>{/*	3.通过.current属性访问DOM	*/}<button onClick={() => console.log(helloRef.current)}>打印hello的dom</button></div>);
}