- 在React的函数式组件中,可以使用
useRef
Hook来创建一个可持续存在并且可以修改的值,这种值的修改不会引起组件的重新渲染。 useRef
提供初始值后会返回一个对象,这个对象的current
属性包含了实际的值。- 示例中用
useRef
记录了组件的渲染次数(render count)。 - 在组件的JSX中可以添加一组
<p>
元素显示渲染次数,每当组件渲染时,useRef
对象的current
属性值会增加。 - 尽管状态变化导致组件重新渲染,
useRef
创建的值被修改时仍不会引起额外的渲染。