useRef
是 React 中的一个 Hook,用于创建一个可以持久化存储的可变引用。它通常用于访问 DOM 元素或保存任何可变值,而不触发组件的重新渲染。本文将详细介绍 useRef
的定义、用法、适用场景及最佳实践。
1. 什么是 useRef?
1.1 定义
useRef
是一个 Hook,用于创建一个可变的引用对象。它返回一个包含 .current
属性的对象,.current
属性可以用来存储任何值。与组件的状态(state)不同,useRef
不会导致组件重新渲染。
1.2 用法
useRef
的基本用法如下:
const myRef = useRef(initialValue)