logo

该视频仅会员有权观看

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

¥
199
/ 年

在 React 函数式组件里使用 Ref 对象引用页面元素

  • 在Class组件中,使用ref对象可以引用页面元素,并将其作为元素的ref属性值。
  • 在函数式组件中,可以使用useRef创建ref对象并引用页面元素。
  • 通过useRef声明一个textInput默认值为null,并设置类型为HTMLInputElement,以引用input元素。
  • 使用useEffect和console.log来输出textInput的current属性值。
  • textInput的current属性会被设置为页面上input元素,以便调用该元素的focus()方法使其自动进入焦点状态。
  • React将把被ref对象引用的页面元素的实例设置为该ref对象的current属性的值。