useRef在工作中虽然用的不多,但是也不能缺少。它有两个主要的作用:
- 用
useRef获取 React JSX 中的 DOM 元素,获取后你就可以控制 DOM 的任何东西了。但是一般不建议这样来做,React 界面的变化可以通过状态来控制。 - 用
useRef来保存变量,这个在工作中也很少能用到,我们有了useContext这样的保存其实意义不大,但是这是学习,也要把这个特性讲一下。
useRef 获取 DOM 元素
界面上有一个文本框,在文本框的旁边有一个按钮,当我们点击按钮时,在控制台打印出input的 DOM 元素,并进行复制到 DOM 中的 value 上。这一切都是通过useRef来实现。

这时候就可以实现每次状态修改,同时保存到useRef中了,也就是我们说的保存变量的功能。那useRef的主要功能就是获得 DOM 和变量保存,到这儿,相信你的编码能力又增加了一些,加油吧!