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>
    );
}