前言:
在平时开发中难免会使用到子组件的方法,在之前老的class实现方式中,可以通过ref直接获取到子组件的实例,然后调用子组件的方法,但是在函数组件中,却没有实例,你通过ref是无法直接获取到子组件的方法的.
解决方案:
在子组件中实例化函数组件:
const childComponent = React.forwardRef((props,ref) =>{ // useImperativeHandle 在react中引入 useImperativeHandle(ref,()=>{ return { reset:()=>{ form.resetFields() } } }) return ( <div>fff</div> ) })
在父组件中引用方式即与之前用class的方式一样了