概述
默认情况下，不能在函数组件上使用 ref 属性，因为它们没有实例
可以在函数组件内部使用 ref 属性，只要它指向一个 DOM 元素或 class 组件
import React, { useRef, useEffect } from 'react'
import ReactDOM from 'react-dom'
const Child = () => {
const inputRef = useRef(null)
useEffect(() => {
inputRef.current.focus()
}, [])
return (
<div>
<input ref={inputRef} />
</div>
)
}
const App = () => {
return (
<>
<Child />
</>
)
}
ReactDOM.render(<App />, document.getElementById('root'))
最后
以上就是伶俐紫菜为你收集整理的React hooks之useRef的使用的全部内容，希望文章能够帮你解决React hooks之useRef的使用所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复