react函数式组件之---⽗组件调⽤⼦组件实例⽅法记录函数式⽗组件，调⽤函数式⼦组件实例⽅法react面试题ref概念
⽗组件：
const Parent = () => {
return <Child />
}
⼦组件：
const Child = () => {
const inputRef = useRef()
const focusFun = () => {
inputRef.current.focus()
}
const onClick = () => {
// some code
}
return <input ref={inputRef} />
}
现在，实现在⽗组件Parent⾥⾯调⽤Child组件的focusFun和onClick⽅法。实现⽅法主要使⽤react的useImperativeHandle和forwardRef。react官⽹对useImperativeHandle和forwardRef的介绍：
调⽤useImperativeHandle和forwardRef修改组件
（1）useImperativeHandle向⽗组件暴露focus和onClick⽅法
（2）⽗组件调⽤被forwardRef包裹的组件，并将ref传递给它。
⽗组件25⾏打印ref对象：current对象下⾯就可以拿到刚刚在⼦组件定义的⽅法了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。