在React中,refs(引用)属性的作用是什么?-问答-阿里云开发者社区-阿里云

开发者社区> 令人无语的八阿哥> 正文

在React中,refs(引用)属性的作用是什么?

来自:华章出版社 2021-10-22 10:54:01 54 2

在React中,refs(引用)属性的作用是什么?

取消 提交回答
全部回答(2)
  • 追风少年刘全有
    2021-10-22 11:29:42

    任何组件都可以附加这个属性,该属性可以是字符串或回调函数。当refs是一个回调函数时,函数接收底层DOM元素或实例作为参数。这样就可以直接访问这个DOM或组件的节点了。但此时获取到的不是真实的DOM,而是React用来创建真实DOM的描述对象。写法如下:

    然后就可以通过this.refs.myInput去访问DOM或组件的节点了。

    refs适用的场景有处理焦点、文本选择、媒体控制、触发强制动画和集成第三方DOM库等。需要注意的是,官方并不推荐使用这个属性,除非“迫不得已”。

    注意:无状态组件不支持ref。在React调用无状态组件之前没有实例化的过程,因此就没有所谓的ref。

    资料来源:带你读《React+Redux前端开发实战》之一: React入门,文章链接:https://developer.aliyun.com/article/727343

    0 0
  • 小周sir
    2021-10-22 11:22:06

    Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。

    0 0
添加回答
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56716浏览量 回答数 19

42

回答

什么是云主机,云服务器与vps有什么区别?

zhuangdengyun 2011-11-01 04:21:50 49552浏览量 回答数 42

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 46925浏览量 回答数 19

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 145588浏览量 回答数 31

15

回答

网页挂马及暗链检测

yundun1 2012-02-24 17:40:01 47020浏览量 回答数 15

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 302568浏览量 回答数 249

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80097浏览量 回答数 13

20

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 45040浏览量 回答数 20

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 47031浏览量 回答数 46

2

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48509浏览量 回答数 2
0
文章
711
问答
来源圈子
更多
+ 订阅
推荐问答
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载