Hook useRef

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>
    )
  }
}