useRef(和React.creatRef()生成的有点类似)
- useRef 返回一个可变的ref对象-----书写更加简洁
- 返回的ref对象在组件的整个生命周期内保持不变
- ref对象的.current属性设置为相应的DOM节点---------和之前的ref一样的
- 当ref对象内容发生变化时,useRef并不会通知你--------dom对象发生变化后,并不会实时更新ref
- 变更.current属性不会引发组件重新渲染--------修改current属性,dom不会更新任何效果,
例子
import React, {useRef,useEffect } from 'react'
function A(){
const inputR=useRef()
useEffect(()=>{
//页面渲染完成的时候执行
inputR.current.focus()
},[])
render() {
return (
<div>
<input type="text" ref={inputR} />
定义属性
</div>
)
}
}