P09：useRef获取DOM元素和保存变量

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/197275.html

useRef在工作中虽然用的不多，但是也不能缺少。它有两个主要的作用:

• 用useRef获取 React JSX 中的 DOM 元素，获取后你就可以控制 DOM 的任何东西了。但是一般不建议这样来做，React 界面的变化可以通过状态来控制。
• 用useRef来保存变量，这个在工作中也很少能用到，我们有了useContext这样的保存其实意义不大，但是这是学习，也要把这个特性讲一下。

useRef 获取 DOM 元素

界面上有一个文本框，在文本框的旁边有一个按钮，当我们点击按钮时，在控制台打印出input的 DOM 元素，并进行复制到 DOM 中的 value 上。这一切都是通过useRef来实现。

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

更多 建站教程 请访问 https://www.mimiwuqi.com/webqianduan/