在react获取函数组件实例

前言:

在平时开发中难免会使用到子组件的方法,在之前老的class实现方式中,可以通过ref直接获取到子组件的实例,然后调用子组件的方法,但是在函数组件中,却没有实例,你通过ref是无法直接获取到子组件的方法的.

解决方案:

在子组件中实例化函数组件:

const childComponent = React.forwardRef((props,ref) =>{
  // useImperativeHandle 在react中引入
  useImperativeHandle(ref,()=>{
    return {
      reset:()=>{
        form.resetFields()
      }
    }
  })
  return (
      <div>fff</div>
    )
 })

在父组件中引用方式即与之前用class的方式一样了

Author: kaykie

发表评论

邮箱地址不会被公开。