react hook 中 父组件调用子组件中的方法

一，在父组件中声明一个ref

const changeRef = useRef<any>()

二，将ref作为参数传递给子组件

<Compile id={topicId} onRef ={changeRef}></Compile>

三，子组件接受ref 暴露出方法给父组件

// 暴露给父组件的方法
    useImperativeHandle(props.onRef,()=>({
        changeVal:() => {
            onFinish()
        }
    }))

四，父组件中调用子组件中的方法

// 父组件调用子组件的方法
    const updateChildState = () => {
        changeRef.current.changeVal()
    }