二、useRef

获取节点有俩种方式：

获取原生的DOM对象
js
```
const header=document.getElementById('header');
header.innerHTML="哈哈"
```
1
2
这种方式操作麻烦，浪费性能，不推荐
直接从React处获取DOM对象
步骤
1. 使用useRef()钩子函数
  js
```
import {useRef} from "react"
```
  1
  - React中的钩子函数只能用与函数组件或自定义钩子
  - 钩子函数只能直接在函数组件中调用
2. 创建ref容器
  js
```
const h1Ref=useRef();
```
  1
3. 将DOM节点放进去
  js
```
return (
	<h1 ref={h1Ref}>我是标题h1</h1>
)
```
  1
  2
  3
4. 使用
  js
```
console.log(h1Ref.current);
```
  1