react笔记之学习之useRef()和DOM对象

最新推荐文章于 2024-05-14 16:05:47 发布

前端大歌谣

最新推荐文章于 2024-05-14 16:05:47 发布

阅读量215

点赞数

分类专栏：前端核心学习小结文章标签： react.js 学习 javascript

本文链接：https://blog.csdn.net/geyaoisnice/article/details/128062678

版权

前端核心学习小结专栏收录该内容

51 篇文章 0 订阅 ¥129.90 ¥299.90

订阅专栏

超级会员免费看

本文是作者前端小歌谣的学习笔记，主要探讨React的useRef Hook及其在DOM对象操作中的应用。通过实例解析，帮助读者更好地理解和掌握在React中如何使用useRef进行状态管理和与DOM交互。

摘要由CSDN通过智能技术生成

前言

我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣关注公众号带你进入前端学习交流群

总结

 /*
    *   获取原生的DOM对象
    *       1.可以使用传统的document来对DOM进行操作
    *       2.直接从React处获取DOM对象
    *           步骤：
    *               1.创建一个存储DOM对象的容器
    *                   - 使用 useRef() 钩子函数
    *                       钩子函数的注意事项：
    *                           ① React中的钩子函数只能用于函数组件或自定义钩子
    *                           ② 钩子函数只能直接在函数组件中调用
    *               2.将容器设置为想要获取DOM对象元素的ref属性
    *                   <h1 ref={xxx}>....</h1>
    *                   -