react采用refs和不使用的区别？

图片说明
这两种方法打印的结果都是一样的，但是有什么区别呢？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Star丶Xing 2017-12-04 07:36
关注
refs 引用的是虚拟DOM， document.getXXX得到的是真实DOM。

refs 可以引用到自定义的React组件，调用组件的方法，而document不能。

使用这种MVVM前端框架应该尽量不去直接访问DOM，当然某些情况下是必须要访问DOM的

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

react版本不兼容报错？ react.js
2021-07-24 14:21

回答 1 已采纳 1-5就是解决方案的问题。把这个复制到百度翻译里就行了。大概就是。删除node_modules和package.lock。然后重新install
前端开发react和vue的区别? css javascript
2021-09-28 13:29

回答 1 已采纳你说的差不多了。1.vue和react区别 vue双向数据流 react单向必须调用setState视图才会变化使数据很好追溯这样react就适用于大型项目 vue是模板语法指令 r
React 如何合并2个虚拟 Dom？ react.js
2021-04-18 15:56

回答 1 已采纳 b = () => { const div1 = React.createElement('div', null, '1') const div2 = Rea
React 中 refs 的作用是什么？
2021-08-12 09:11

拾一·的博客 Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄，该值会作为回调函数的第一个参数返回： class CustomForm ...
react.js能做APP吗？个人不想学react-native react.js
2022-03-04 07:56

回答 3 已采纳可以，用工具打包就行。也可以使用 react-native .
REACT项目可以申请软著么？ node.js react.js 前端
2022-01-25 23:42

回答 1 已采纳可以的，只要是个人原创的作品都是可以申请软著的，像c，python等语言写的程序也是可以申请的，软著主要是保护源代码的
如何用React实现echarts可拖拽折线图？ chrome javascript react.js
2021-04-25 10:31

回答 2 已采纳 // 你要自己定义一个对象，意思是，你要把图表显示到你页面那个位置加到你代码第5行就行 var myChart = echarts.init(document.getElementById('m
react中refs的作用是什么？
2024-01-25 13:42

m0_黎明的博客只在必要的情况下使用refs，并且确保使用它们的方式是合理和可靠的。通过使用refs，我们可以访问React组件中的DOM节点，并将其传递给第三方库，以实现与React组件交互的效果。调用组件方法：通过将refs传递给子组件...
React怎么选择组件之间通信方式？ react.js 前端前端框架有问必答
2021-11-08 20:50

回答 1 已采纳 props,redux,发布订阅混用
如何使用PHP REST API和REACT js使用JSON格式上传图像？ json php reactjs
2019-03-30 18:18

回答 1 已采纳 My PHP is not great, so I'll try to explain my answer thoroughly since I can't give an example. In
react，如何实现删除指定项？ javascript reactjs 前端
2022-12-07 23:16

回答 1 已采纳 import { AddCircleOutline, CloseCircleOutline } from 'antd-mobile-icons' function Rent() { cons
React中的refs的使用教程
2020-08-27 23:59

本篇文章主要介绍了React中的refs的使用教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
如何避免使用React hook？ react.js 前端前端框架
2022-10-20 11:26

回答 2 已采纳那就别用函数组件呗。用的话就还是和之前一样是个纯展示的组件通过props 传进去。没有hook之前都是这样。不想用那就声明组件都用class 声明呗
面试官：说说对React refs 的理解？应用场景？
2021-07-08 00:41

动感超人，的博客一、是什么Refs 在计算机中称为弹性文件系统（英语：Resilient File System，简称ReFS）React 中的 Refs提供了一种方式，允许我们访问 DOM节点或在 re...
说说对React refs 的理解？应用场景？
2023-12-21 09:56

C+ 安口木的博客 Refs在计算机中称为弹性文件系统（英语：Resilient File System，简称ReFS）React中的Refs提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素本质为返回的组件实例，如果是渲染组件则返回的是组件...
没有解决我的问题, 去提问

悬赏问题

¥15 安卓adb backup备份应用数据失败
¥15 eclipse运行项目时遇到的问题
¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
¥50 成都蓉城足球俱乐部小程序抢票
¥15 yolov7训练自己的数据集
¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
¥15 电力市场出清matlab yalmip kkt 双层优化问题
¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)

react采用refs和不使用的区别？

1条回答 默认 最新

悬赏问题

1条回答默认最新