热门标签
热门文章
- 1关于获取使用access_token获取微信用户信息及openid的注意事项及出错解决办法。_微信通过access_token和openid获取用户信息访问微信服务器时间过长是什么原因
- 2朱松纯：三读《赤壁赋》，并从人工智能的角度解读“心”与“理”的平衡
- 3导入Maven项目遇到的一些问题及解决_下载完maven无法导入maven项目
- 4Vivado综合属性之SRL_STYLE
- 5Realm在android的应用_a realmobject with no @primarykey cannot
- 6Mac 安装nvm教程_mac怎么安装nvm
- 7windows如何远程桌面mac_远程桌面连接的计算机名 可以填mac名吗
- 8学生信息管理系统模块问题篇_教务管理系统的学生模块遇到那些问题
- 9【USB】全球USB厂家 USB ID大全。更新时间：2018-01-04_cable656
- 10type_traits
当前位置: article > 正文
怎么理解React refs，在哪些场景下使用？
作者：不正经 | 2024-04-08 06:11:58
赞
踩
怎么理解React refs，在哪些场景下使用？
React的refs，提供了一种方式，让我们访问DOM节点或者在render方法中创建React元素。
创建ref的形式有三种：
- 传入字符串，使用的时候通过this.refs传入的字符串格式获取对应的元素
- 传入对象，对象是通过React.createRef()方式创建的，使用时取到的对象存在current属性上。
- 传入一个函数，这个函数会在DOM被挂载时进行回调，这个函数会传入一个元素，可以自己保存，使用的时候，直接拿到之前保存的对象。
- 传入hook，hook是通过useRef()方式来创建，使用的时候通过生成hook对象就是current属性上的元素。
传入字符串
只要在对应的组件或者元素的ref属性添加即可，代码如下：
import React from "react";
class RefsComponent extends React.Component {
- 1
- 2
- 3
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/不正经/article/detail/383478
推荐阅读
相关标签
