logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

useRef:创建在组件里一直存在的可改值

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