使用步骤:首先导入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>
)
}
运行结果: