# 父组件

react 中使用函数组件以及 hooks 之后,有遇到,在父组件需要调用子组件方法的地方,可以通过 ref 的转发,做到在父组件执行子组件的方法,为什么需要转发 refs,是因为默认情况下,函数组件没有实例,无法使用 ref 属性。所以如果需要在函数组件中使用 ref,其是指向 dom 元素。

其具体流程是:在父组件中创建 ref,并且通过属性的方式传递给子组件,子组件通过 forwardRef 包裹子组件,这样才能在子组件中的第二个参数中获取到 ref,此时获取到 ref 之后,ref 已经转发成功,当 ref 挂载完成之后,ref.current 将会指向子组件。

  • parent.tsx,引入useRef

# 子组件

  • child.tsx,引入forwardRefuseImperativeHandle
最后更新: 2/12/2023, 7:42:22 AM