useRef和createRef区别

useRef和createRef区别

官网的定义如下:
useRef returns a mutable ref object whose .current property is initialized to the passed argument (initialValue). The returned object will persist for the full lifetime of the component.
换句人话说 , useRef 在 react hook 中的作用, 正如官网说的, 它像一个变量, 类似于 this , 它就像一个盒子, 你可以存放任何东西. createRef 每次渲染都会返回一个新的引用,而 useRef 每次都会返回相同的引用。

useRef常见的一个使用场景是:
组件初始化时 保存一个初始值,由于其是组件生命周期中始终是同一个引用,所以对于想要执行一次的操作,可以通过useRef控制,比如:

const myCComponent:React.FC = () => {
  const updateRef = React.useRef(false);

  // other operations 后,updateRef.current = true 

  React.useEffect(() => {
    if(!updateRef.current){
      // doSomething
    }
  }, [])
}

good

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 欢迎访问主页,有更多文章内容转载请注明原出处原文链接地址:React中Refs的使用方法 什么是Refs Refs...
    Vincent_cy阅读 7,124评论 0 2
  • 在React v16.8新增了Hook,它提供了在函数组件中访问状态和React生命周期等能力,这些函数可以在程序...
    小小小小小粽子阅读 3,882评论 0 0
  • React 官网学习笔记 所有 React 组件都必须像纯函数一样保护它们的 props 不被更改 在 React...
    HeroMeikong阅读 3,982评论 0 1
  • 前言 本文全面介绍了React Hooks的所有API概念、用法、丰富的demo以及部分底层原理。 实际上,Rea...
    南宫__阅读 9,067评论 0 6
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 12,239评论 16 22

友情链接更多精彩内容