useRef 无法挂载子组件信息，.curret为null

一言难尽，总结记录

不能在函数式组件上使用ref属性，因为他们没有实例。

使用hook useImperativeHandle 得配合forwardRef使用实现子组件内部属性在父组件中调用

子组件

mport React, { useImperativeHandle, forwardRef } from "react";
import { Form } from 'antd';
const Example = forwardRef((props, ref) => {
	const [form] = Form.useForm();
	
	useImperativeHandle(ref, () => ({
		myForm: form,
	}));
	
	const handleSubmit = (vals) => {}
	const { initData } = props;
	
	return (<Form form={form} onFinish={handleSubmit} initialValues={{ ...initData }}>
}))

 父组件

mport React, { useRef } from "react";
import Example from "./Example";
const Father = (props) => {
	const exampleRef= useRef(null);
	<Example ref={exampleRef} />
}

在父组件的exampleRef中可以获取到子组件定义的myForm属性，同理自定义配置需要在父组件中使用的属性和方法