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