技術 Day 26 - useRef 的使用情境

useRef 是什麼？ useRef 是 React 提供的 hook，用來創建一個 可變（mutable）的引用對象，可以用來存取 DOM 元素或保存跨越多次...

技術 Day 08 - 掌握 React 中的 Ref：useRef、Callback Ref 與 React 19 新特性介紹

useRef 的使用時機 保存狀態：useRef 儲存的值不會因為元件重新渲染而改變，適合用來保存不需要觸發重新渲染的資料，像是表單輸入框的狀態、倒數計時器等...

技術 [Day12]我的 react 學習記錄 - useRef

這篇文章的主要內容 簡單介紹 useRef hook 的使用方法 useRef useRef 是 react 裡面除了 useState 以外另外一個用來儲存...

技術 【Day 20】用ref讓Uncontrolled元件變可控

昨天已經了解Uncontrolled Component和Controlled Component的差異及概念是什麼，也知道如果是自己客製化的元件，是可以依照情...

技術 [Day23]用 React 讓網站動起來：useRef

接下來會來介紹一下各種其他 React 常用功能。今天我們來說一下要怎麼在 React 中操作元素。一般來說，操作元素會使用 querySelector取得 D...

技術 [DAY 20] useRef 儲存資料與指定 DOM 元素

認識 useRef 在寫原生 JavaScript 時，我們常常會用 document.querySelector 來獲取 DOM 元素，在 React 你可...

技術 react hook 內的快樂好朋友-useRef-day17

來介紹一下最後一個好朋友 useRef基本上 state 的更新會促成每一次的 re-render而 reference 則是更新後並不會造成 re-rende...

技術 React白話文運動16-React Hook-useRef

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

技術 「全端挑戰」useRef與gsap介紹與應用，hover彈跳comment視窗與Slider 滑動banner特效

Day11 自己做一個價值幾十萬的動態網站 第十一課：useRef與gsap介紹與應用，hover彈跳comment視窗與Slider 滑動banner特效...

技術 Day4-React Hook 篇-認識 useRef & useImperativeHandle

今天要介紹的是可以用來操作 DOM 元素的 useRef 及和它有關的 hook useImperativeHandle。 功用和特性 ref 是一個包含 cu...