useRef和createRef區(qū)別

useRef和createRef區(qū)別

官網(wǎng)的定義如下:
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 中的作用, 正如官網(wǎng)說的, 它像一個變量, 類似于 this , 它就像一個盒子, 你可以存放任何東西. createRef 每次渲染都會返回一個新的引用,而 useRef 每次都會返回相同的引用。

useRef常見的一個使用場景是:
組件初始化時 保存一個初始值,由于其是組件生命周期中始終是同一個引用,所以對于想要執(zhí)行一次的操作,可以通過useRef控制,比如:

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

  // other operations 后,updateRef.current = true 

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

good

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 歡迎訪問主頁,有更多文章內(nèi)容轉(zhuǎn)載請注明原出處原文鏈接地址:React中Refs的使用方法 什么是Refs Refs...
    Vincent_cy閱讀 2,522評論 0 2
  • 在React v16.8新增了Hook,它提供了在函數(shù)組件中訪問狀態(tài)和React生命周期等能力,這些函數(shù)可以在程序...
    小小小小小粽子閱讀 734評論 0 0
  • React 官網(wǎng)學(xué)習(xí)筆記 所有 React 組件都必須像純函數(shù)一樣保護它們的 props 不被更改 在 React...
    HeroMeikong閱讀 745評論 0 1
  • 前言 本文全面介紹了React Hooks的所有API概念、用法、豐富的demo以及部分底層原理。 實際上,Rea...
    南宮__閱讀 3,768評論 0 6
  • 久違的晴天,家長會。 家長大會開好到教室時,離放學(xué)已經(jīng)沒多少時間了。班主任說已經(jīng)安排了三個家長分享經(jīng)驗。 放學(xué)鈴聲...
    飄雪兒5閱讀 7,787評論 16 22

友情鏈接更多精彩內(nèi)容