在React中，refs（引用）属性的作用是什么？
在React中，refs（引用）属性的作用是什么？
展开
收起
2
条回答
写回答
写回答
-
任何组件都可以附加这个属性，该属性可以是字符串或回调函数。当refs是一个回调函数时，函数接收底层DOM元素或实例作为参数。这样就可以直接访问这个DOM或组件的节点了。但此时获取到的不是真实的DOM，而是React用来创建真实DOM的描述对象。写法如下：
然后就可以通过this.refs.myInput去访问DOM或组件的节点了。
refs适用的场景有处理焦点、文本选择、媒体控制、触发强制动画和集成第三方DOM库等。需要注意的是，官方并不推荐使用这个属性，除非“迫不得已”。
注意：无状态组件不支持ref。在React调用无状态组件之前没有实例化的过程，因此就没有所谓的ref。
资料来源：带你读《React+Redux前端开发实战》之一： React入门，文章链接：https://developer.aliyun.com/article/727343
2021-10-22 11:29:42赞同 展开评论 打赏 -
面对过去，不要迷离；面对未来，不必彷徨；活在今天，你只要把自己完全展示给别人看。Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。
2021-10-22 11:22:06赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
