tk挠痒痒网址发布页-秘密武器
历史搜索

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

游客2025-05-16 09:37:01

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

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

useRef 获取 DOM 元素

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

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

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

本文是由用户"游客"发布,所有内容的版权归原作者所有。没有经过书面许可,任何单位或个人不得以任何形式复制、转载、引用本网站的内容。否则将追究法律责任。

相关专题