首页React.useRef()

React.useRef()

时间: 2024-11-17 07:29:52 浏览: 52

`React.useRef()`是React库中的一个 Hook，用于在函数组件内部创建一个可变的引用，通常用于处理DOM节点或者在组件渲染周期之外需要持久化的变量。它返回一个对象，这个对象有两个属性： 1. `current`：初始化时为`undefined`，当你首次访问这个属性时，会自动绑定到提供的初始值或当前元素（如果是DOM操作）。你可以随时修改它的值，React不会跟踪这个变化。 2. `.current`属性可以被设置为null，这通常用于标记已经被卸载或未找到的DOM节点，以避免回调错误。使用`useRef`的例子通常是当你需要在生命周期内保留对某个DOM元素的引用，比如滚动条位置、自定义事件监听器等。例如： ```jsx import { useRef } from 'react'; function MyComponent() { const inputRef = useRef(null); function handleClick() { // 使用inputRef.current获取已渲染的DOM元素 const element = inputRef.current; if (element) { element.focus(); } } return ( <div> <input ref={inputRef} /> <button onClick={handleClick}>Focus Input</button> </div> ); } ```

阅读全文