- 低代碼平臺(tái)開發(fā)實(shí)踐:基于React
- 秦小倩
- 166字
- 2024-06-06 18:21:47
1.3.2 useRef
使用useState能讓函數(shù)組件擁有狀態(tài),狀態(tài)擁有不變性,它在組件前后兩次渲染中相互獨(dú)立。使用useRef能為組件創(chuàng)建一個(gè)可變的數(shù)據(jù),該數(shù)據(jù)在組件的所有渲染中保持唯一的引用,所以對(duì)它取值始終會(huì)得到最新的值。下面是useRef的用法,分析瀏覽器打印的結(jié)果。

單擊按鈕,在瀏覽器控制臺(tái)上count的打印結(jié)果為0,ref.current的打印結(jié)果為1。由此可以知道,在setTimeOut回調(diào)函數(shù)中拿到了ref.current最新的值。
推薦閱讀
- 解構(gòu)產(chǎn)品經(jīng)理:互聯(lián)網(wǎng)產(chǎn)品策劃入門寶典
- Hands-On Machine Learning with scikit:learn and Scientific Python Toolkits
- JavaScript+Vue+React全程實(shí)例
- 快速念咒:MySQL入門指南與進(jìn)階實(shí)戰(zhàn)
- 單片機(jī)C語言程序設(shè)計(jì)實(shí)訓(xùn)100例
- 深入剖析Java虛擬機(jī):源碼剖析與實(shí)例詳解(基礎(chǔ)卷)
- WCF技術(shù)剖析(卷1)
- 深入淺出 HTTPS:從原理到實(shí)戰(zhàn)
- C語言程序設(shè)計(jì)教程
- Python滲透測試編程技術(shù):方法與實(shí)踐(第2版)
- JavaScript Mobile Application Development
- PHP從入門到精通(微視頻精編版)
- Flink原理深入與編程實(shí)戰(zhàn):Scala+Java(微課視頻版)
- R統(tǒng)計(jì)應(yīng)用開發(fā)實(shí)戰(zhàn)
- Scratch 3.0少兒積木式編程(6~10歲)