useRef的使用

使用步骤：首先导入useRef，然后执行useRef函数并传入null，内部有一个current属性存放拿到的dom对象，之后通过ref绑定要获取的元素或者组件

代码实例：

import React, { Component, useRef, useEffect } from "react"


class Test extends Component {
  state = {
    name: 'this is name'
  }
  getName = () => {
    console.log(this.state.name)
  }
  render () {
    return (
      <div>this is test</div>
    )
  }
}


function App () {
   //声明绑定的元素/组件
  const pRef = useRef(null)
  const testRef = useRef(null)
  
  useEffect(() => {
    //打印获取到的dom对象
    console.log(pRef.current)
    console.log(testRef.current)
  }, [])
  return (
    <div>
        //通过ref绑定元素/组件
      <Test ref={testRef} />
      <p ref={pRef}>this is p</p>
    </div>

  )
}

运行结果：