前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >createRef和useRef的forwardRef区别和用法

createRef和useRef的forwardRef区别和用法

原创
作者头像
挥刀北上
发布2023-03-03 14:16:00
5250
发布2023-03-03 14:16:00
举报
文章被收录于专栏:Node.js开发

useRef:

一般用于函数组件 useRef 不仅仅是用来管理 DOM ref 的,它还相当于 this , 可以存放任何变量. 当 useRef 的内容发生变化时,它不会通知您。 更改.current属性不会导致组件重新渲染。因为他一直是一个引用 。

createRef:

一般用于类组件 React.createRef 创建一个能够通过 ref 属性附加到 React 元素的 ref。 如果用于函数组件中 当App这个函数组件被重新渲染时,App函数将会执行,并且重新创建、初始化所有的变量和表达式。 因此,createRef每次都会被执行,所以对应的值总是为null。

两者区别:

createRef 每次渲染都会返回一个新的引用,而 useRef 每次都会返回相同的引用。 实际应用的区别 useRef 仅能用在 FunctionComponent,createRef 仅能用在 ClassComponent。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档