React 的源码与原理解读：Hooks解读之二 useRef
useRef 是一个 React Hook，它返回一个可变的 ref 对象，其 .current 属性被初始化为传递给 useRef 的参数。这是一个用于保存不随组件重新渲染而改变的值或对象的钩子。
下面是一个简单的 useRef 使用例子：
import React, { useRef, useEffect } from 'react';
function MyComponent() {
const countRef = useRef(0);
useEffect(() => {
countRef.current += 1; // 每次组件渲染时递增
console.log(countRef.current);
});
return (
<div>
{/* 组件的其他内容 */}
</div>
);
}
export default MyComponent;在这个例子中，每次 MyComponent 组件渲染时，useRef 会保持 countRef.current 的值不变，即递增的计数器。这个计数器在组件的整个生命周期内是稳定的，并且可以在组件之间共享状态。
评论已关闭