组件封装----useImperativeHandle和ref

useImperativeHandle(ref, createHandle, [deps])

在子组件中使用useImperativeHandle向父组件暴露出父组件想要的数据

const Index = ({ form_guid, handleValueChange }: Props, ref: React.Ref<unknown> | undefined) => {

　　useImperativeHandle(ref, () => ({

　　validate: validate,

　　}))

}

export default forwardRef(Index)

在父组件中

const Index = (props: ComponentProps) => {

// 创建ref

const formViewRef: MutableRefObject<any> = useRef()

// 使用子组件的数据

const handleSave = () => {

const validateStatus = formViewRef.current.validate()

}

return (

// 使用ref

)

巴特西