對于 Ref 理解與使用,一些讀者可能還停留在用 ref 獲取真實 DOM 元素和獲取類組件實例層面上
其實 ref 除了這兩項常用功能之外,還有很多別的小技巧
通過本篇文章的學(xué)習(xí),你將收獲 React ref 的基本和進階用法,并且能夠明白 React 內(nèi)部是如何處理 ref 的,并通過一個小 Demo + 提問的方式帶你更加深刻地理解 ref 的底層原理
1. ref 的理解與使用
對于 Ref 的理解,要從兩個角度去分析:
-
Ref 對象的創(chuàng)建:使用
createRef
或useRef
創(chuàng)建 Ref 對象 【